/* microWeb CSS preprocessor v.1.14 (2022070501) */
:root { --main-color: #C4003A; --red: #ED1846; --grey: #666; --blue: #0074BE; --lt-blue: #CBEBF6; --green: #72BE44; --silver: #CCCCCC; --yellow: #F5BA4B; --lt-yellow: #FCF4D7; --lt-silver: #FAFAFA; }
body,
input,
textarea,
button,
select { font-size:1em; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
body { font-size:18px; width:100%; color: #000; }
.site { width: 100%; background-color: white; color: #000; }
.header_bar { width:100%; display:flex; flex-wrap: nowrap; padding:28px; position:relative; }
.footer { width:100%; display:flex; flex-wrap: nowrap; position:relative; padding:20px; }
.header_mobile_bar { width:100%; position:relative; display:none; padding:1em; }
.header_mobile_navbar { width:100%; position: relative; display:none; padding:1em; }
.header_bar,
.header_mobile_bar { background-color:white; }
.mobile { display:none; }
#desktop_user_points { font-size:16px; }
.header_bar .mobile_menu_btn { position:relative; margin-top:1em; width:2em; height:2em; background-image:url(/images/mobile_menu.svg); background-size:cover; }
.desktop-footer { line-height: 20px; font-size: 12px; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; }
.header_mobile_bar .mobile_menu_btn { left:1em; position:absolute; top:1em; width:2em; height:2em; background-image:url(/images/mobile_menu.svg); background-size:cover; }
.header_mobile_navbar .back_button { position:relative; display:inline-block; width:2em; height:2em; background-color: #C4003A; border-radius:100%; }
.header_mobile_navbar .back_button:hover { background-color: #CCCCCC; }
.header_mobile_navbar .back_button:hover::after { border-color: black; }
.header_mobile_navbar .back_button::after { display:block; position:absolute; content:" "; left: 0.75em; top: 0.5em; width: 1em; height: 1em; border-bottom: 1px solid white; border-left: 1px solid white; transform: rotate(45deg); }
.header_mobile_bar .cologo { position: relative; left:0; right:0; margin:auto; padding-top:30px; width: 100px; }
.header_mobile_navbar .cologo, .header_mobile_navbar .cologo-2 { position: absolute; right:1em; top:1em; }
.header_mobile_navbar .cologo img,.header_mobile_navbar .cologo-2 img { max-height:2em; object-fit:contain; }
.header_mobile_bar .cologo-2 { position: relative; left:0; right:0; margin:auto; padding-top:30px; width: 140px; }
.not-login, .coming { cursor: pointer; }
.header_mobile_bar .login_container { position: absolute; top:1em; right:1em; height:1.5em; width:50%; text-align:right; }
.header_mobile_bar .cologo img { width:100%; object-fit: contain; }
.header_mobile_bar .cologo-2 img { width:100%; object-fit: contain; }
.footer { color: #666; font-size: 0.8em; }
.footer >div,
.header_bar >div { flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; display:block; position:relative; width: 100%; }
.footer_icons { text-align:center; }
.footer_icons .icon_container { position:relative; width:100%; text-align:center; }
.footer_icons .icon_container.grey { color: #CCCCCC; }
.footer_icons .icon_container.grey svg * { fill: #CCCCCC; }
.footer_icons .icon_container svg { width: 3em; }
.footer_icons .bg-red { background-color: #C4003A; }
.footer_icons .points_container { position:relative; width:100%; text-align:center; color:#ffffff; font-size: 14px; line-height: 20px; }
.footer_icons .points_container .my-point-text { padding-top:0.2em; }
.footer_icons .points_container .my-point-numb { font-size: 20px; }
.footer_icons .points_container span { position: relative; display: block; }
#yakult_hist, #bottle, #news_broad, #news_bldg, #adv_station, #factory, #fc_house0, #fc_house1, #pool, #books, #fc_playg, #campus, #balloon, #funmain, #gift_bldg, #cyberbldg, #track, #receipt_booth, #castle, #seminar, #globle, #yakult_man, #fcfront_mirror, #carsw_mirror, #ticket { cursor: pointer; }
#likethis-1 { position: fixed; width: 100px; object-fit: contain; cursor: pointer; text-align: right; position: relative; margin-bottom: 7.7em; display: block; }
#likethis-2 { width: 110px; object-fit: contain; cursor: pointer; display: block; position: relative; margin-bottom: 4.7em; }
#likethis-3 { width: 110px; object-fit: contain; cursor: pointer; display: block; position: relative; margin-bottom: 1.5em; }
#likethis-4 { width: 110px; object-fit: contain; cursor: pointer; display: block; position: relative; margin-bottom: -1.4em; }
.desktop_over_image { display: block; position: fixed; right: 7.3em; bottom: 13.5%; }
.desktop_over_image.logined { bottom: 18%; }
.desktop_share_menu { display: block; position: fixed; right: 4em; bottom: 15%; }
.desktop_share_menu img { width:2.5em; height:2.5em; object-fit:contain; cursor:pointer; display:block; position: relative; margin-bottom: 0.5em; }
.desktop_share_menu .member_points_circle { display:block; position: relative; width:2.5em; height:2.5em; background-color:#C4003A; color:white; text-align:center; border-radius: 50%; border:1px solid black; cursor: pointer; }
.desktop_share_menu .member_points_circle span { display:block; position:relative; font-size:100%; top: 20%; }
.header_bar .header_logo img { width:auto; height:44px; }
.header_bar .desktop_menu_btn { width:2em; height:2em; margin-left:0.7em; cursor: pointer; }
.header_bar .profile_btn { margin-right: 0.7em; cursor: pointer; }
.header_bar .logout_btn { cursor: pointer; }
.header_bar .header_login_container { text-align: right; }
.border-red { border: 1px solid #C4003A; }
.footer_copyright { color: #000000; line-height: 35px; font-size: 14px; letter-spacing: 1px; }
.red_frame { padding:10px; border: 1px solid #C4003A; border-radius: 50px; color: #C4003A !important; font-size: 14px; font-weight: 600; position: relative; display: inline-block; }
.text-yellow { color: #F5BA4B; }
.bg-yellow { background-color: #F5BA4B; }
.text-lt-yellow { color: #FCF4D7; }
.bg-lt-yellow { background-color: #FCF4D7; }
.text-green { color: #72BE44; }
.bg-green { background-color: #72BE44; }
.text-blue { color: #0074BE; }
.bg-blue { background-color: #0074BE; }
.text-lt-blue { color: #CBEBF6; }
.bg-lt-blue { background-color: #CBEBF6; }
.text-lt-silver { color: #FAFAFA; }
.bg-lt-silver { background-color: #FAFAFA; }
.text-grey { color: #666; }
.bg-grey { background-color:#666; }
.text-fresh-red { color: #ED1846; }
.bg-fresh-red { background-color: #ED1846; }
.text-main-color,
.text-red { color: #C4003A; }
.text-purple { color: #482FD2; }
.bg-main-color,
.bg-red { background-color: #C4003A; }
.bg-black { background-color: black; }
.text-black { color: black; }
.bg-white { background-color: white; }
.content { width:100%; position:relative; background-color:white; min-height:100%; }
.footer .footer_tnc { text-align:right; }
.site_message { background-color: #C4003A; color:white; font-size: 18px; width:100%; display:block; letter-spacing: 1px; position:relative; height: auto; line-height: 20px; padding-top:0.4em; padding-bottom:0.4em; text-align:center; }
.site_message a { color:#ffffff; }
.site_message a:hover { font-weight: bold; }
.headline { position:relative; width:100%; padding:1em; }
.content-text,
.content-block { position:relative; width: 50%; left: 0; right: 0; margin:auto; }
.content-text { font-size: 18px; line-height: 28px; letter-spacing: 1px; }
.f-bold { font-weight: bold; }
.row.equal-cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.row.equal-cols:before,
.row.equal-cols:after { display: block; }
.row.equal-cols > [class*='col-'] { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.row.equal-cols > [class*='col-'] > * { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.block-middle { position:relative; display:block; top:50%; transform: translateY(-50%); }
.relative-bottom { position:relative; top: 100%; transform: translateY(-100%); }
.btn-hugh { font-size: 1.5em; min-width: 100%; padding: 0.5em; border:0; border-radius:2px; }
.btn-big { font-size: 1.5em; min-width: 100%; padding: 0.4em; border:0; border-radius:2px; }
.btn-w100 { width:100%; min-width: inherit; }
.btn-red { background-color: #C4003A; color: white; }
.btn-green { background-color: #72BE44; color: white; }
.photo_container { position: relative; left:0; right:0; margin:auto; }
.photo_container img { max-width:100%; object-fit: contain; }
.footer_addon { display:none; position:relative; width: auto; height: auto; margin-left:1em; }
.footer_addon input { width: 20em !important; }
.subscribe-box { border:1px solid #C4003A; }
.subscribe-box input.form-control { display:inline-block; background:none; border:0; outline: none; -webkit-appearance: none; box-shadow: none !important; }
.subscribe-box input.form-control::placeholder { color:#A3A3A3; }
.subscribe-box button { float:right; border-radius:0; }
.font-2x { font-size: 200%; }
.max-70-container { max-width:70%; left:0; right:0; position: relative; margin:auto; }
.footer_tnc a { color:#939393; }
.tab { display:inline-block; cursor: pointer; text-decoration: none !important; white-space: nowrap; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color: #C4003A; }
.tab:hover { color: #C4003A; border-bottom: 1px solid #C4003A; }
.tab.active { color: #C4003A; border-bottom: 1px solid #C4003A; font-weight:bold; padding-bottom: 0px; }
.tabgroup,
tabgroup { width:100%; left:0; right:0; margin:auto; display:block; position:relative; text-align: center; font-weight:lighter; font-size:26px; letter-spacing: 1px; margin-bottom: 10px; }
tabgroup.flex { display: flex; }
tabgroup.flex tab { flex-basis: 100%; }
tabgroup tab { display:inline-block; cursor: pointer; white-space: nowrap; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
tabgroup tab.active { color: #C4003A; border-bottom: 1px solid #C4003A; font-weight:bold; padding-bottom: 0px; }
tabgroup tab:hover { color: #C4003A; border-bottom: 1px solid #C4003A; font-weight:bold; }
.tab-content { position:relative; display:none; }
.tab-content.active { display:block; }
.mobile_menu { display:none; position: fixed; top:0; right:0; margin-right:-100%; background-color:white; padding:1em; color:#666; width: 400px; height:100vh; z-index:999; font-size: 14px; }
.mobile_menu .menu_header { height:6vh; }
.mobile_menu .menu_container { height:85%; overflow-y:auto; -ms-overflow-style: none; scrollbar-width:none; }
.mobile_menu .menu_container::-webkit-scrollbar { display:none; }
.mobile_menu .menu_footer { text-align:center; padding-top:2em; }
.mobile_menu .menu_footer img { margin-left:1em; }
.mobile_menu .menu_footer img:first-child { margin-left:0; }
.mobile_menu .indent_item { width:100%; position: relative; padding-top:8px; padding-bottom: 0; padding-left:18px; }
.mobile_menu a { color: #666; text-decoration: none; }
.mobile_menu a:hover { text-decoration:none; }
.mobile_menu .arrow_item { display:block; width:100%; position: relative; padding-top:8px; padding-bottom: 8px; border-bottom: 1px solid #CCCCCC; color:#666; }
.mobile_menu .arrow_item:after { content:" "; display:block; width:1em; height:100%; position:absolute; top:0; right:0; background-image:url(/images/right_arrow.svg); background-size: 50% auto; background-repeat: no-repeat; background-position:center; }
.mobile_menu .close_btn { display:block; position:absolute; top:1em; right:1em; width:20px; height:20px; object-fit:cover; cursor: pointer; }
::placeholder { color: ; opacity: 1; }
:-ms-input-placeholder { color: ; }
::-ms-input-placeholder { color: ; }
input.form-control { border: 1px solid #666; border-radius: 0; background-color:white; }
.map_container { position:relative; width:100%; overflow:hidden; -ms-overflow-style: none; scrollbar-width:none; }
.map_container::-webkit-scrollbar { display:none; }
.funclub_map,
.main_map { position: relative; background-color: #D9FBFA; width: 100%; height: 64vw; overflow: hidden; }
.funclub_map { background-color: #12B9E0; }
.funclub_map .animate_image,
.main_map .animate_image { display:block; position: absolute; left:0; top:0; width: 100%; }
.funclub_map .map_content,
.main_map .map_content { position:relative; width: 80%; top:0; left: 0; right: 0; margin: auto; height: 100%; overflow: hidden; }
.funclub_map .map_content img,
.main_map .map_content img { display:block; position: absolute; left:0; top:0; width: 100%; }
.popup_frame { height: calc(2em + 4px); padding-left:1em; padding-right:1em; font-size: 1.2em; color: white; background-color: #C4003A; border-radius: calc(1em + 2px); border:2px solid white; position:absolute; display:block; font-weight:200; line-height:2; text-align:center; user-select:none; }
.popup_frame_tail { display:block; position:absolute; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 30px solid white; }
.rightpopup_pin { display:block; position:absolute; width: 2.5em; height: 2.5em; z-index: 1; }
.rightpopup_pin img { display:block; position:relative; width:100%; object-fit:contain; }
.right_popup_cover { display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background-color: rgba(0,0,0,0.75); z-index:999; }
.con-title { color:#C4003A; font-size: 40px; letter-spacing: 1px; }
.con-des { font-size: 25px; line-height: 33px; letter-spacing: 1px; }
.con-text { font-size: 16px; line-height: 28px; letter-spacing: 1px; padding-top:1em; }
.btn-big-4 { font-size: 20px; min-width: 80%; padding: 0.5em; border: 0; border-radius: 5px; margin-top: 1em; }
a.btn-big-4:hover { color:#ffffff; }
#popup_kv { width: 70%; display: block; position: relative; margin: 0 auto; }
.right_popup { display:block; position: fixed; top:0; left: -100%; width: 50%; min-width: 35vw; height: 100vh; background-color: white; z-index: 9999; }
.right_popup .right_popup_top { display:block; position: relative; width:100%; height:4em; }
.right_popup .right_popup_top img { display:block; position:relative; height:2em; object-fit: contain; left:1em; top:1em; }
.right_popup .right_popup_top .right_popup_close { display:block; position:absolute; right:0; top:0; width:2em; height:2em; line-height: 2em; font-size: 2em; text-align: center; color: #999; cursor: pointer; }
.right_popup .right_popup_content { display:block; position: absolute; width:100%; top: 50%; transform: translateY(-50%); }
.right_popup .right_popup_content .popup_title_bl { display:block; position: relative; text-align:left; padding-bottom: 1em; border-bottom: 2px dotted #C4003A; }
.factory_visit .headline { background-color: #FCF4D7; color: #72BE44; padding:0; }
.factory_visit_kv { position:relative; width:100%; height: 20.3em; background-color: #72BE44; }
.factory_visit_kv img { display:block; position:absolute; top:1em; left:0; right:0; width:auto; height:24em; margin:auto; }
.factory_vivst_content { color:#72BE44; letter-spacing: 1px; position: relative; width: 50%; left: 0; right: 0; margin: auto; padding-top: 7em; padding-bottom: 4em; text-align: justify; }
.factory_vivst_content-2 { color:#585858; letter-spacing: 1px; position: relative; width: 60%; left: 0; right: 0; margin: auto; padding-top: 3em; padding-bottom: 3em; text-align: justify; }
.factory-text { font-size: 20px; line-height: 30px; display: block; padding-top: 0.5em; }
.factory-title { font-size: 38px; line-height: 48px; display:block; }
.factory-text-2 { font-size: 20px; line-height: 34px; display: block; padding-right: 15px; }
.factory_vivst_content-3 { letter-spacing: 1px; position: relative; width: 60%; left: 0; right: 0; margin: auto; padding-bottom: 3em; text-align: justify; }
.factory_vivst_content-4 { letter-spacing: 1px; position: relative; width: 60%; left: 0; right: 0; margin: auto; text-align: justify; font-size: 20px; line-height: 34px; }
.sub-content-text { font-size: 16px; line-height: 24px; letter-spacing: 1px; color:#000000; }
.factory_visit .content-text { margin-top: 1em; margin-bottom: 1em; }
.factory-btn { margin-top: 2em; margin-bottom: 1em; }
.btn-big-2 { font-size: 1.5em; min-width: 40%; padding: 0.5em 2em; border: 0; border-radius: 5px; }
.factory_visit .headline .content-text { padding-top: 8em; padding-bottom: 3em; }
.factory_visit .footer-section { position: relative; width: 100%; margin-top:4em; background-color: #FAFAFA; padding-top: 2em; padding-bottom: 2em; text-align:center; }
.factory_photo_frame { width: 100%; }
.factory_photo_frame img { width: 100%; }
.factory_tv { width: 40%; }
.factory_popup_container { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); z-index:99999; }
.factory_popup_container .factory_popup_dialog { position:relative; width:50%; left:0; right:0; margin:auto; overflow-y: scroll; height: 80%; top:50%; transform:translateY(-50%); padding:2em; background-color: #FCF4D7; border:3px solid #72BE44; border-radius: 5px; color:#000; }
.factory_popup_container .factory_popup_dialog .title { width:100%; padding-bottom:1em; font-size: 120%; color: #72BE44; text-align:center; font-weight: bold; }
.factory_popup_container .factory_popup_dialog .close_btn { width:2em; height:2em; position:absolute; top:-2.5em; right:0; }
.factory_popup_container .factory_popup_dialog .close_btn svg { width:2em; }
.factory_popup_container .factory_popup_dialog .close_btn svg line { stroke: white; }
.probiotics .headline { background-color: #FCF4D7; color: #72BE44; padding:0; }
.probiotics .probiotic_kv { position:relative; width:100%; height: 20em; background-color: #FCF4D7; margin-bottom:5em; }
.probiotics .probiotic_kv img { display:block; position:absolute; top:1em; left:0; right:0; width:auto; height:24em; margin:auto; }
.probiotics .pro-title { font-size: 46px; line-height: 56px; letter-spacing: 1px;; display: block; }
.probiotics .pro-content { font-size: 18px; line-height: 26px; }
.probiotics .content-text { margin-top: 1em; margin-bottom: 1em; }
.probiotics .content-text-2 { margin-top: 1em; margin-bottom: 1em; }
.probiotics .product_section1 { position:relative; width:120%; left:-10%; right:0; margin:auto; color: white; }
.probiotics .product_section1 .in_text { position: absolute; left: 15%; top: 17%; width: 63%; text-align: justify; }
.probiotics .product_dr_icon { position:absolute; display:block; right:20%; margin-top:-13em; }
.probiotics .product_dr_icon img { width:10em; }
.probiotics .product_section2 { position:relative; width:100%; left: 0; right:0; margin:auto; margin-top: 4em; color: white; }
.probiotics .product_section2 .in_text { position:absolute; left: 15%; top: 9%; width: 65%; }
.probiotics .product_section2 .text-yellow-2 { color:#FCF4D7; }
.probiotics .product_section2 .product_section2_content { font-size: 18px; line-height: 26px; }
.probiotics .product_section2_tail_title { font-size: 40px; line-height: 50px; letter-spacing: 1px; display: block; color:#C4003A; }
.probiotics .product_section2_tail_content { font-size: 18px; line-height: 26px; letter-spacing: 1px; margin-top: 0.5em; display: block; }
.probiotics .product_section2_title-2 { font-size: 60px; line-height: 65px; letter-spacing: 1px; display: block; margin-top: 1em; }
.probiotics .content-text-2 { position: relative; width: 50%; left: 0; right: 0; margin: auto; }
.probiotics .product_section3 { width: 70%; display: block; position: relative; left: 0; right: 0; margin: auto; }
.probiotics .product_section3_content { font-size: 18px; line-height: 38px; letter-spacing: 1px; }
.probiotics .pd-15 { padding:15px }
.probiotics .product_sman_icon { display:block; position: absolute; margin-top:-8em; left:20%; }
.probiotics .product_sman_icon img { width:10em; }
.probiotics .product_section2_tail { position: relative; width: 100%; text-align: center; font-size: 80%; }
.probiotics .product_section2_tail h1 { color: #C4003A; }
.probiotics .grey-bg { background-color: #FAFAFA; position: relative; width: 100%; left: 0; right: 0; margin: auto; }
.probiotics .sman_right { height:20em; object-fit: contain; }
.probiotics .product_intro { position:relative; width:40%; left:0; right:0; margin:auto; padding:2em; text-align: center; }
.probiotics .product_intro img { width:100%; }
.site { overflow-x: hidden; }
.animated { animation-duration: 1.5s; animation-fill-mode: both; -webkit-animation-duration: 1.5s; -webkit-animation-fill-mode: both }
.animatedFadeInUp { opacity: 0 }
.fadeInUp { opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; }
.product_intro .headline { color: #666; padding:0; }
.product_intro .product_intro_kv { position:relative; width:100%; height: 20em; margin-bottom:10em; }
.product_intro .product_intro_kv .tri { position:relative; width:100%; height:100%; overflow-x:hidden; }
.product_intro .product_intro_kv .tri .bkg { position:absolute; top:-20%; left:-5%; width: 110%; height:110%; background-color:#FCF4D7; transform: rotate(-3deg); }
.product_intro .product_intro_kv img { display:block; position:absolute; top:0; left:0; right:0; height:26em; margin:auto; }
.product_intro .content-text { margin-top: 1em; margin-bottom: 1em; padding-left:4em; padding-right:4em; }
.product_intro .product_section_1 { width: 1100px; margin:0 auto; }
.product_intro .product-title { font-size: 40px; letter-spacing: 1px; }
.product_intro .product-sub-title { font-size: 26px; line-height: 36px; font-weight: bold; }
.product_intro ul.product-feat { padding-left: 20px; padding-top: 10px; }
.product_intro .red-yakult { width:100%; }
.product_intro .red-yakult-2,.product_intro .green-lt-2 { width:100%; }
.product_intro .red-yakult-2 img,.product_intro .green-lt-2 img { width:100%; }
.product_intro .red-yakult img { width: 546px; height: 498px;; }
.product_intro .green-lt img { height: 597px; width: 366px; }
.product_intro .desktop { display:block; }
.product_intro .mobile { display: none; }
.product_intro .product-content { color:#585858; font-size: 18px; line-height: 28px; letter-spacing: 1px; }
.product_intro .left_expand { display:block; height:100%; width:auto; bottom:0; position:absolute; }
.product_intro .right_half_expand { display:block; height:70%; width:auto; left:15%; bottom:-20%; position:absolute; }
.product_intro .right_joie { display:block; height:100%; width:auto; right:-5em; bottom:-3em; position:absolute; }
.product_intro .go_probiotics { position:relative; width:100%; text-align: center; background-color: #fafafa; padding-top: 2em; padding-bottom: 2em; }
.product_intro .go_probiotics img { width:30%; object-fit: contain; }
.product_intro .joie_title { width:100%; text-align:center; margin-top: 4em; margin-bottom: 4em; }
.product_intro .joie_title img { width:35%; }
.product_intro .green-lt { text-align: center; }
.product_intro .green-content { padding-left: 10%; }
.product_intro .joie_bottle_1,.product_intro .joie_bottle_2,.product_intro .joie_bottle_3,.product_intro .joie_bottle_4 { text-align: center; }
.product_intro .joie_bottle_1 img { width:40%; }
.product_intro .joie_bottle_2 img { width:80%; }
.product_intro .joie_bottle_3 img { width:60%; }
.product_intro .joie_bottle_4 img { width:50%; }
.product_intro .joie-pink-content { left: 20%; }
.product_intro .content-center { display: grid; align-content: center; align-items: center; }
.product_intro .bg-milk { background-color: #F4F4EC; background-image: url(/images/milk_bk.png); background-size: 100% auto; background-repeat: no-repeat; background-position: 0px 0px; padding-bottom: 3em; }
.product_intro img.yakult_bottle { width:100%; max-width:10em; }
.product_intro .yakult_pack,.product_intro .yakult_lt { display: block; padding-top: 1em; }
.product_intro .yakult_pack img { width:70%; }
.product_intro .yakult_lt img { width: 90%;; }
.product_intro img.joie_bottle { width:100%; max-width:8em; }
.product_intro .text-joie-blue { color: #0074BE; padding-bottom: 15px; }
.product_intro .text-joie-pink { color: #FF6286; padding-bottom: 15px; }
.product_intro .text-joie-purple { color:#8F2F92; padding-bottom: 15px; }
.product_intro .text-joie-green { color: #7FC929; padding-bottom: 15px; }
.health_talk { color: #666; }
.health_talk .headline { background-color: #FCF4D7; color: #72BE44; padding:0; }
.health_talk .topic-12 img { width:100% }
.health_talk .health_talk_kv { position:relative; width:100%; height: 20em; background-color: #72BE44; margin-bottom:7em; }
.health_talk .health_talk_kv img { display:block; position:absolute; top:0; left:0; right:0; height:26em; margin:auto; }
.health_talk .content-text { margin-top: 1em; margin-bottom: 1em; padding-left:4em; padding-right:4em; }
.health_talk .health_talk_content { color:#72BE44; letter-spacing: 1px; position: relative; width: 39%; left: 0; right: 0; margin: auto; padding-bottom: 3em; text-align: justify; }
.health_talk .health_talk_content-2 { color:#585858; letter-spacing: 1px; position: relative; width: 60%; left: 0; right: 0; margin: auto; padding-top:3em; padding-bottom: 3em; text-align: justify; }
.health_talk .health-text-2 { font-size: 20px; line-height: 34px; letter-spacing: 1px; }
.health_talk .health-text { font-size: 24px; line-height: 34px; letter-spacing: 1px; }
.health_talk .health_talk_content-3 { position: relative; width: 60%; left: 0; right: 0; margin: auto; padding-bottom: 3em; text-align: justify; }
.health_talk .grey-bg { width:100%; background-color: #FAFAFA; }
.health_talk .health_talk_content-4 { color:#585858; letter-spacing: 1px; position: relative; width: 60%; left: 0; right: 0; margin: auto; padding-top:3em; padding-bottom: 3em; text-align: justify; }
.health_talk .health_talk_content-3 img { width:50%; }
.health_talk .bottom_box { position:relative; width:100%; padding-top:1em; padding-bottom:1em; color: #C4003A; border: 1px dotted #C4003A; text-align: center; }
.health_talk .green-box { position:relative; width:80%; left:0; right:0; margin:auto; padding-top: 0.5em; padding-bottom: 0.5em; background-color: #72BE44; color: white; text-align: center; border-radius: 5px; }
.health_talk .green-box .digit-box { position:absolute; top:50%; transform: translateY(-50%); left:0; margin-left:-1em; width:2em; height:2em; line-height:2em; text-align: center; color: #72BE44; border: 1px solid #72BE44; background-color:white; border-radius:1em; }
.yakult-history { color: #666; overflow-x: hidden; }
.yakult-history .headline { background-color: white; color: #666; padding:0; }
.yakult-history .yakult_history_kv { position:relative; width:100%; height: 22.3em; background-color: #ED1846; margin-bottom:6em; }
.yakult-history .yakult_history_kv img { display:block; position:absolute; top:0; left:0; right:0; height:26em; margin:auto; }
.yakult-history .history-years { font-size: 50px; font-weight: bold; display: block; line-height: 55px; }
.yakult-history .content-text { margin-top: 1em; margin-bottom: 1em; }
.yakult-history .history-title { font-size: 30px; line-height: 40px; letter-spacing: 1px; padding-bottom: 12px; }
.yakult-history .section-title { font-size: 40px; font-weight: bold; letter-spacing: 1px; line-height: 55px; }
.yakult-history .history_content { font-size: 20px; letter-spacing: 1px; line-height: 30px; margin-top: 1.5em; }
.yakult-history .section-title-2 { font-size: 30px; font-weight: bold; letter-spacing: 1px; line-height: 45px; }
.yakult-history .section-sub-title { font-size: 45px; font-weight: bold; margin-bottom: 0.2em; letter-spacing: 1px; line-height: 45px; }
.yakult-history .section-eng { font-size: 27px; letter-spacing: 1px; line-height: 45px; }
.yakult-history .pd-30 { padding: 30px; }
.yakult-history .history_section { position:relative; width:100%; }
.yakult-history .history_section .history_section_title { font-size: 30px; line-height: 40px; letter-spacing: 1px; color:white; text-align:center; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%; font-weight: bold; }
.yakult-history .history_section .history_section_title img { display:none; }
.yakult-history .history_section .history_section_title svg { display:none; }
.yakult-history .history_section .right_bkg { position:absolute; display:block; height: 100%; right:0; top:5%; object-fit: cover; }
.yakult-history .history_section .right_bkg_2 { position:absolute; display:block; width: 60%; height: 90vh; right:0; top:0; object-fit: cover; }
.yakult-history .history_section .green_round { background-color: #72BE44; color: white; font-weight: bold; line-height: 37px; font-size: 27px; padding: 5px 20px; border-radius: 50px; display: inline-block; margin-top:10px; }
.yakult-history .history_section .sm-content { font-size: 18px; line-height: 28px; padding-top: 10px; letter-spacing: 1px; display: block; }
.yakult-history .history_section .history_section_3 { width: 70%; margin: 0 auto; }
.yakult-history .history_section .mg-3 { margin-bottom: 0; }
.yakult-history .history_section .history_content_4 { font-size: 24px; line-height: 40px; letter-spacing: 1px; }
.yakult-history .history_section .yellow_round { background-color: #F5BA4B; color: white; padding: 0.25em 1em; border-radius: 1em; width: 10em; display:block; position:relative; left:0; right:0; margin:auto; }
.yakult-history .history_section .yellow_title { top: -1em; font-size: 23px; line-height: 33px; letter-spacing: 1px; }
.yakult-history .history_section .yellow_frame { position:relative; width: 100%; padding: 1.5em 1em 1em; border:1px solid #F5BA4B; color:black; text-align:center; border-radius: 10px; }
.yakult-history .history_section .yellow_text { line-height: 40px; font-size: 24px; }
.yakult-history .history_section .yellow_text_2 { line-height: 40px; font-size: 24px; }
.yakult-history .history_section .yellow_arrow { width:2.5em; margin-bottom:1em; }
.yakult-history .history_section .history_section_body { position: relative; width:100%; }
.yakult-history .history_section .history_section_body .in_text { position:relative; left:30%; width:25%; padding-top:4em; padding-bottom:5em; }
.yakult-history .history_section .history_section_body .in_text_2 { position:relative; left:30%; width:34%; padding-top:4em; padding-bottom:5em; }
.yakult-history .history_section .slider_section { position:relative; width:40em; height: 30em; left:0; right:0; margin:auto; }
.yakult-history .history_section .slider_section .sliders { position:relative; width:100%; height:100%; text-align:center; overflow:hidden; }
.yakult-history .history_section .slider_section .sliders >div { position:absolute; width:100%; height:100%; display:none; left:0; top:0; }
.yakult-history .history_section .slider_section .sliders >div img { width:100%; height:70%; object-fit: contain; }
.yakult-history .history_section .slider_section .sliders >div .bottom_text { color:#C4003A; position:relative; width:75%; left:0; right:0; margin:auto; height: auto; text-align:center; letter-spacing: 1px; margin-top:3em; }
.yakult-history .history_section .slider_section .right_arrow,.yakult-history .history_section .slider_section .left_arrow { position:absolute; top:35%; transform:translateY(-50%); width:2em; height:2em; }
.yakult-history .history_section .slider_section .right_arrow img,.yakult-history .history_section .slider_section .left_arrow img { object-fit:contain; width:100%; height:100%; }
.yakult-history .history_section .slider_section .left_arrow { left: 4.5em; cursor: pointer; }
.yakult-history .history_section .slider_section .right_arrow { right: 4.5em; cursor: pointer; }
.yakult-history .history_section .slider_section .page_ind { position:absolute; display:block; width:100%; height:1em; font-size: 1em; top:70%; left:0; text-align:center; }
.yakult-history .history_section .slider_section .page_ind i { font-style: normal; color: rgba(196,0,58,0.25); margin-right:0.5em; }
.yakult-history .history_section .slider_section .page_ind b { color: #C4003A; margin-right:0.5em; }
.yakult-history .bottom_box { position:relative; width:100%; padding-top:1em; padding-bottom:1em; color: #C4003A; border: 1px dotted #C4003A; text-align: center; }
.yakult-history .green-box { position:relative; width:80%; left:0; right:0; margin:auto; padding-top: 0.5em; padding-bottom: 0.5em; background-color: #72BE44; color: white; text-align: center; border-radius: 5px; }
.yakult-history .green-box .digit-box { position:absolute; top:50%; transform: translateY(-50%); left:0; margin-left:-1em; width:2em; height:2em; line-height:2em; text-align: center; color: #72BE44; border: 1px solid #72BE44; background-color:white; border-radius:1em; }
.world .pd-20 { padding:20px; cursor: pointer; }
.world .pd-20:hover { opacity: .8; }
.world .bottle-img { display: inline-block; padding: 10px; }
.world .country-img { display: inline-block; padding: 10px; }
.world .country-content { font-size: 30px; line-height: 40px; font-weight: 200; align-items: center; align-content: center; display: grid; padding: 10px; width:30%; }
.world .world-map { width:100%; text-align:center; background-color: #FAFAFA; }
.world .world-map img { width: 45%; }
.world .world-map .content-text { position:relative; width:40%; }
.world .world-map .content-text .box { padding: 0.5em; background-color: white; position:absolute; top:0; left:0; }
.world .world-map .content-text .box.right { left: initial; right:0; }
.world .world-map .content-text .box.middle { top: 50%; transform:translateY(-50%); }
.world .world-map .content-text .box.center { left: 50%; transform:translateX(-50%); }
.world .world_section { width:100%; position:relative; }
.world .world_section .network_section { position:relative; width: 100%; }
.world .world_section .network_section .title { display:block; position:relative; background-color: #C4003A; color: white; font-size: 40px; line-height: 50px; padding-top: 5px; padding-bottom: 5px; text-align: center; }
.world .world_section .network_section .title svg { display:none; }
.world .world_section .network_section .network_body { position:relative; width:60%; left:0; right:0; margin: auto; }
.world .world_section .network_section .bottom_line { padding-top:1em; padding-bottom:1em; border-bottom: 1px dotted #FAFAFA; margin-bottom: 1em; }
.tvc_view .headline { color: #F5BA4B; padding:0; }
.tvc_view .tvc-title-img { text-align: center; }
.tvc_view .tvc-title-img img { width: 30%; }
.tvc_view .tvc-text { text-align: center; font-size: 30px; line-height: 40px; color: #FDA83F; margin-top: 1em; }
.tvc_view .tvc-text-2 { text-align: center; font-size: 30px; line-height: 40px; color: #585858; margin-top: 1em; }
.tvc_view .tvc-text-3 { text-align: center; font-size: 24px; line-height: 30px; color: #e72649; margin-top: 2em; font-weight: bold; }
.tvc_view .tvc-container { width: 768px; margin:0 auto; position: relative; display: block; margin-top:3em; }
.tvc_view .video-container { position: relative; padding-bottom: 56.25%; height: 0; margin-top: 1em; }
.tvc_view .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.tvc_view .tvc_view_kv { position:relative; width:100%; height: 23.3em; margin-bottom: 5em; }
.tvc_view .tvc_view_kv .tri { position:relative; width:100%; height:100%; overflow-x:hidden; -ms-overflow-style: none; scrollbar-width:none; }
.tvc_view .tvc_view_kv .tri .bkg { position:absolute; top:-25%; left:-5%; width: 110%; height:110%; background-color: #E0FBFA; transform: rotate(-3deg); }
.tvc_view .tvc_view_kv .tri::-webkit-scrollbar { display:none; }
.tvc_view .tvc_view_kv img { display:block; position:absolute; top:0; left:0; right:0; height:26em; margin:auto; }
.tvc_view .content-text { margin-top: 1em; margin-bottom: 1em; width:50%; }
.member_login { position:relative; }
.member_login .form-control-2 { display: block; width: 100%; font-size: 14px; line-height: 1.5; color: #A5A5A5; background-color: #fff; background-clip: padding-box; padding: 1em; border:1px solid #DBDBDB; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.member_login .form-control-2:disabled { background-color:#eee; color:#000000; }
.member_login .reg-success-title { font-size: 26px; line-height: 36px; letter-spacing: 1px; }
.member_login .reg-success-text { font-size: 18px; line-height: 26px; letter-spacing: 1px; }
.member_login .email-title { font-size: 15px; margin-bottom: 0.5em; display:block; }
.member_login .form-control-2::placeholder { color:#A5A5A5; }
.member_login .forget-title { font-size: 21px; letter-spacing: 1px; }
.member_login .f-14 { font-size: 14px; }
.member_login .f-18 { font-size: 18px; }
.member_login #login_form fieldset { font-size: 15px; }
.member_login #register_form fieldset { font-size: 15px; color:#000000; }
.member_login .btn-big-3 { font-size: 21px; min-width: 70%; width: 70%; padding: 0.4em 2em; border: 0; border-radius: 2px; }
.member_login .login-title { font-size: 21px; letter-spacing: 1px; }
.member_login .container-full { position:relative; width:100%; min-height:80vh; background-color: #FCF4D7; }
.member_login .container-full .middle_form { width:50%; position: relative; left:0; right:0; margin:auto; }
.member_login .container-full .tab-content { padding-top: 1em; padding-bottom: 3em; }
.member_login .container-full fieldset { margin-top: 2em; margin-bottom: 1em; }
.page { position:relative; }
.page .container-full { position:relative; width:100%; min-height:80vh; background-color: #FCF4D7; }
.page .container-full .page-text { position:relative; width:60%; left:0; right:0; margin:auto; padding:2em; font-size: 16px; line-height: 24px; }
.page .container-full .page-text .page-title { font-size: 120%; padding-top:0.5em; padding-bottom: 0.5em; border-bottom: 1px solid ; }
.bottle { position:relative; width: 100%; padding: 1em; }
.bottle img { display:block; position: relative; left:0; right:0; margin:auto; }
.bottle .in_text { position:absolute; top:0; width:90%; height:100%; padding: 2em; }
.bg-lt-sliver { background-color: #FAFAFA; padding: 4%; }
.contact-kv { width: 100%; text-align:center; position: relative; }
.contact-kv .contact-title { font-size: 38px; line-height: 50px; text-align: center; margin-bottom: 40px; }
.contact-kv .bottle-2 img { width: 20%; }
.big-round-red { width:100%; position:relative; font-size: 120%; padding-top: 0.5em; padding-bottom: 0.5em; background-color: #E1073A; color: white; text-align: center; border-radius: 50px; letter-spacing: 1px; }
.factform-title { font-size: 21px; line-height: 25px; letter-spacing: 1px; }
.factform-sub-title { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: bold; display: block; }
.application_form_text, .form-no { font-size: 18px; line-height: 26px; letter-spacing: 1px; display: block; }
.factform-text { font-size: 18px; line-height: 26px; letter-spacing: 1px; display: block; }
.factform-img img { width:100%; }
.bg-lt-red { background-color: #C4003A; }
.bg-lt-grey { background-color: #FAFAFA; }
.small-text { font-size: 13px; line-height: 18px; letter-spacing: 1px; display: block; }
.factform-text-2 { font-size: 18px; line-height: 26px; letter-spacing: 1px; display: block; }
.yakult_success_icon { width:100%; max-width: 200px; }
.application_form { position:relative; }
.application_form .container-full { position:relative; width:100%; min-height:80vh; background-color: #FCF4D7; }
.application_form .container-full .sl-high { height: 3.2em !important; }
.application_form .container-full .control { display: block; position: relative; padding-left: 25px; margin-bottom: 15px; vertical-align: top; cursor: pointer; margin-left: 15px; font-size: 16px; }
.application_form .container-full .control input { position: absolute; z-index: -1; opacity: 0; }
.application_form .container-full .control_indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #e6e6e6; border: 0px solid #000000; border-radius: 0px; }
.application_form .container-full .control:hover input ~ .control_indicator,.application_form .container-full .control input:focus ~ .control_indicator { background: #cccccc; }
.application_form .container-full .control input:checked ~ .control_indicator { background: #2aa1c0; }
.application_form .container-full .control:hover input:not([disabled]):checked ~ .control_indicator,.application_form .container-full .control input:checked:focus ~ .control_indicator { background: #0e6647d; }
.application_form .container-full .control input:disabled ~ .control_indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }
.application_form .container-full .control_indicator:after { box-sizing: unset; content: ''; position: absolute; display: none; }
.application_form .container-full .control input:checked ~ .control_indicator:after { display: block; }
.application_form .container-full .control-checkbox .control_indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.application_form .container-full .control-checkbox input:disabled ~ .control_indicator:after { border-color: #7b7b7b; }
.application_form .container-full .control-checkbox .control_indicator::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 4.5rem; height: 4.5rem; margin-left: -1.3rem; margin-top: -1.3rem; background: #2aa1c0; border-radius: 3rem; opacity: 0.6; z-index: 99999; transform: scale(0); }
.application_form .container-full .control-checkbox input + .control_indicator::before { animation: s-ripple 250ms ease-out; }
.application_form .container-full .control-checkbox input:checked + .control_indicator::before { animation-name: s-ripple-dup; }
.application_form .container-full .form-control-2 { display: block; width: 100%; font-size: 14px; line-height: 1.5; color: #A5A5A5; background-color: #fff; background-clip: padding-box; padding: 1em; border: 1px solid #DBDBDB; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.application_form .container-full .middle_form { width:50%; position: relative; left:0; right:0; margin:auto; }
.application_form .container-full .tab-content { padding-top: 3em; padding-bottom: 3em; }
.application_form .container-full fieldset { margin-top: 2em; margin-bottom: 1em; }
.application_form .container-full .application_add_slot { position:relative; background-color: #CCCCCC; padding:1em 2em; border:2px solid white; }
.application_form .container-full .application_add_slot svg { display:block; position:absolute; right:2em; top:45%; transform: rotate(90deg); }
.application_form .container-full .application_add_slot svg path { fill: #666; }
.application_form .container-full .application_add_slot.open svg { transform: rotate(-90deg); }
.application_form .container-full .page-text { position:relative; width:70%; left:0; right:0; margin:auto; font-size: 0.85em; }
.application_form .container-full .page-text .page-title { font-size: 120%; padding-top:0.5em; padding-bottom: 0.5em; border-bottom: 1px solid ; }
.container-full-2 { position:relative; width:100%; min-height:80vh; background-color: #FAFAFA; }
.container-full-2 .sl-high { height: 3.2em !important; }
.container-full-2 .form-control-2 { display: block; width: 100%; font-size: 14px; line-height: 1.5; color: #A5A5A5; background-color: #fff; background-clip: padding-box; padding: 1em; border: 1px solid #DBDBDB; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.container-full-2 .middle_form { width:50%; position: relative; left:0; right:0; margin:auto; }
.container-full-2 .tab-content { padding-top: 3em; padding-bottom: 3em; }
.container-full-2 fieldset { margin-top: 2em; margin-bottom: 1em; }
.container-full-2 .application_add_slot { position:relative; background-color: #CCCCCC; padding:1em 1em; border:2px solid white; margin-top: 2em; cursor: pointer; }
.container-full-2 .application_add_slot svg { display:block; position:absolute; right:2em; top:45%; transform: rotate(90deg); }
.container-full-2 .application_add_slot svg path { fill: #666; }
.container-full-2 .application_add_slot.open svg { transform: rotate(-90deg); }
.container-full-2 .page-text { position:relative; width:70%; left:0; right:0; margin:auto; font-size: 0.85em; }
.container-full-2 .page-text .page-title { font-size: 120%; padding-top:0.5em; padding-bottom: 0.5em; border-bottom: 1px solid ; }
.completed-title { font-size: 26px; line-height: 36px; letter-spacing: 1px; }
.funclub_intro { background-color: #D9FCFB; }
.funclub_intro .section-text { position:relative; width:50%; left:0; right:0; margin:auto; }
.funclub_intro .funclub-top-content { -webkit-font-smoothing: subpixel-antialiased !important; text-rendering:optimizeLegibility !important; }
.funclub_intro .funclub-top-title-2 { font-size:26px; line-height: 36px; letter-spacing: 1px; color:#FCF4D7; }
.funclub_intro .funclub-top-text-2 { font-size: 18px; line-height: 26px; letter-spacing: 1px; }
.funclub_intro .stop { padding:20px }
.funclub_intro .stop img { width:70%; }
.funclub_intro .funclub-top-title-3 { font-size:26px; line-height: 36px; letter-spacing: 1px; }
.funclub_intro .point-img { text-align: center; padding-top: 2%; padding-bottom: 2%; width: 100%; }
.funclub_intro .point-img img { width:80%; }
.funclub_intro .point-text { font-size: 13px; line-height: 20px; letter-spacing: 1px; padding:20px; }
.funclub_intro .headline { background-image: url(/images/funclub-intro-kv2x.png); background-size: cover; background-repeat: no-repeat; background-position: top center; color: #ED1846; height: 874px; width: 850px; margin: 0 auto; padding-top: 6em; position: relative; }
.funclub_intro .headline .funclub-btn { width: 100%; cursor: pointer; z-index: 3; display: block; position: relative; }
.funclub_intro .headline .funclub-btn img { width:80%; }
.funclub_intro .headline .funclub-top-text { font-size: 18px; line-height: 26px; letter-spacing: 1px; padding-top: 15%; padding-bottom: 7%; color:#000000; }
.funclub_intro .headline .text-green { color:#ed1846; }
.funclub_intro .headline .funclub-top-title img { width: 40%; }
.funclub_intro .headline .section-text { position:relative; height:100%; }
.funclub_intro .headline .section-text h4 { text-shadow: 1px 1px white; }
.funclub_intro .headline .section-text .block-middle { position:relative; width:100%; top:50%; transform:translateY(-50%); }
.funclub_intro .headline .icons { position: relative; width: 100%; margin-top: 1em; height: 6em; text-align: center; }
.funclub_intro .headline .icons img { display:inline-block; width:100%; object-fit:contain; }
.funclub_intro .headline .become-member { display:inline-block; position:relative; font-size:120%; color:white; background-color:#ED1846; border:1px solid white; border-radius:1px; padding: 0.25em 1em; z-index: 9; }
.funclub_intro .headline .headline-bottom-image { display:block; position:absolute; bottom: -4em; width: 100%; height: 284px; left: 50%; z-index: 2; }
.funclub_intro .middle-section { position:relative; background-color: #ED1846; color: white; padding-top: 4em; padding-bottom: 2em; }
.funclub_intro .middle-section img { max-width:100%; }
.funclub_intro .middle-section .section-bottom-image { display: block; position: absolute; bottom: -5em; height: 251px; left: 1em; z-index: 2; }
.funclub_intro .last-section { background-color: #CBEBF6; background-image: url(/images/funclub_bottom_clouds.svg); background-size: 60% auto; background-repeat:no-repeat; background-position: center; padding:3em; position:relative; }
.popup_cover { position: fixed; display:none; top:0; left:0; z-index:99999; width:100vw; height:100vh; background-color:rgb(0,0,0,0.5); }
.popup_cover .popup_dialog { position:relative; width:100%; top:50%; transform: translateY(-50%); }
.popup_cover .popup_dialog .popup_bottle { position:relative; left:0; right:0; width:240px; margin:auto; }
.popup_cover .popup_dialog .popup_bottle >img { width:100%; display:none; position:relative; }
.popup_cover .popup_dialog .popup_bottle .popup_content { position:absolute; width:80%; left:10%; font-size: 16px; line-height: 22px; letter-spacing: 1px; font-weight: bold; top: 50%; height: 45%; overflow:hidden; text-align:center; }
.popup_cover .popup_dialog .popup_bottle .popup_content .info-content { font-size: 15px; line-height: 20px; }
.popup_cover .popup_dialog .popup_bottle.big { width:70vw; max-width:380px; }
.popup_cover .popup_dialog .popup_bottle.success >img:nth-child(2) { display:block; }
.popup_cover .popup_dialog .popup_bottle.info >img:nth-child(1) { display:block; }
.popup_cover .popup_dialog .popup_bottle.plain >img:nth-child(3) { display:block; }
.popup_cover .popup_dialog .popup_bottle.plain .popup_content { top:4%; height:95%; font-size: inherit; font-weight: normal; text-align:left; }
.popup_cover .popup_dialog .popup_button_group { padding-top:1em; width:240px; position:relative; left:0; right:0; margin:auto; }
.popup_cover .popup_dialog .popup_button_group a { display:block; position:relative; width: 100%; padding: 0.25em 1em; background-color: #C4003A; color:white; text-align:center; border-radius: 5px; }
.popup_cover .popup_dialog .popup_button_group a:hover { color: #C4003A; background-color:white; text-decoration: none; }
.popup_cover .popup_dialog .popup_close { position:absolute; font-size: 200%; font-weight: 100; color:white; top:0; right:0; cursor: pointer; }
.health_check .text-orange { color: #FF910A; }
.health_check .to_question { font-size: 26px; line-height: 36px; letter-spacing: 1px; cursor: pointer; }
.health_check .hc_result { position: relative; display: block; }
.health_check .hc_result img { width:70%; }
.health_check .result-content { font-size: 21px; font-weight: bold; line-height: 31px; letter-spacing: 1px; }
.health_check .btn-middle { width:50%; font-size: 18px; line-height: 26px; letter-spacing: 1px; margin-top:1em; }
.health_check .question-title { font-size: 24px; line-height: 32px; letter-spacing: 1px; color:#FCF4D7; margin-bottom: 0.7em; }
.health_check .hc-video-title { font-size: 24px; line-height: 32px; letter-spacing: 1px;; margin-bottom: 0.7em; }
.health_check .q-1 { font-size: 36px; line-height: 36px; letter-spacing: 1px; color:#FCF4D7; margin-bottom: 0.2em; }
.health_check .question { font-size: 22px; line-height: 25px; color:#ffffff; letter-spacing: 1px; margin-bottom: 1em; }
.health_check .question-no { font-size: 22px; line-height: 25px; color:#000000; letter-spacing: 1px; }
.health_check .pd-20 { padding:2em; }
.health_check .text-yellow { color:#FCF4D7; font-size: 38px; }
.health_check .choice-more { font-size: 16px; line-height: 22px; color:#ffffff; }
.health_check .top_section { background-color:#6DCEF2; color: white; position:relative; width:100%; text-align:center; }
.health_check .health_check_question { width: 100%; display: block; margin-top: 2em; text-align: center; }
.health_check .health_check_question img { width: 25%; }
.health_check .health_question_kv { width: 100%; display: block; margin-top: 2em; text-align: center; }
.health_check .health_question_kv img { width: 25%; }
.health_check .health_check_btn { margin-bottom: 4em; margin-top: 2em; }
.health_check .health_check_title { font-size: 45px; letter-spacing: 1px; color:#FCF4D7; }
.health_check .health_question_title { font-size: 45px; letter-spacing: 1px; color:#FF910A; }
.health_check .health_check_text { font-size: 18px; line-height: 26px; letter-spacing: 1px; }
.health_check .health_question_text { font-size: 18px; line-height: 26px; letter-spacing: 1px; color:#FF910A; }
.health_check .btn-red-2 { width: 20%; font-size: 30px; letter-spacing: 1px; background-color: #C4003A; color: white; }
.health_check .second_section { background-color: #FDE6A6; color:#FF910A; position:relative; width:100%; padding-top:2em; padding-bottom: 0.1em; text-align:center; }
.health_check .content-text { margin-top: 1em; margin-bottom: 1em; padding-left:4em; padding-right:4em; }
.health_check .quest_box { display:inline-block; position:relative; }
.health_check .quest_box img { width: 7em; cursor: pointer; }
.health_check .quest_box input[type=checkbox] { display:block; position:absolute; bottom: 1em; left:0; right:0; margin:auto; width:20px; height: 20px; }
.health_check .quest_white_box { display:block; width:100%; height:100%; position:relative; background-color:white; font-size:90%; text-align:left; padding-left:1em; padding-right:1em; border-radius:15px; cursor: pointer; }
.health_check .quest_white_box input[type=checkbox] { width:20px; height: 20px; }
.health_check .result_title { font-size: 30px; line-height: 40px; letter-spacing: 1px; }
.health_check .result_icon img { width: 30%; }
.health_check .video-container { position: relative; padding-bottom: 56.25%; height: 0; margin-top: 1em; }
.health_check .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.health_check .ans-title { font-size: 50px; font-weight: bold; top: -5px; position: relative; }
.health_check .answer_text { font-size: 21px; line-height: 31px; letter-spacing: 1px; font-weight: 600; }
.health_check .quoted { display:inline-block; position: relative; font-size: 21px; font-weight: bold; line-height: 31px; letter-spacing: 1px; }
.health_check .quoted::before { font-size:120%; display:block; position: absolute; top:0; left:-1em; }
.health_check .quoted::after { font-size:120%; display:block; position: absolute; top:0; right:-1em; }
.success-content { font-size: 12px; line-height: 20px; letter-spacing: 0; }
.promotions .back-btn { float: left; width: 5%; position: absolute; display: block; }
.promotions #mask { position: absolute; background: rgba(255,255,255,0.5); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); left: 0; top: 0; right: 0; z-index: 99; bottom: 0; }
.promotions img.main_kv { width:100% }
.promotions .desktop { display:block; }
.promotions .mobile { display:none; }
.promotions .b-grey { border:1px solid #666666; }
.promotions .blue-text { color:#1274BF; }
.promotions .red-text { color:#ED1846; }
.promotions .f-bold { font-weight : bold; }
.promotions .second_session { background-color:#EBEBEB; padding-top: 1em; padding-bottom: 3em; }
.promotions .session_content { position:relative; width:50%; left:0; right:0; margin:auto; }
.promotions .boxed_content { position: relative; width: 74%; left: 0; right: 0; margin: auto; margin-top: 3em; border-radius: 20px; padding: 1em 1.5em; background-color: white; }
.promotions .boxed_title { position: relative; margin-top: -1.7em; font-weight: bold; color: #E21440; width: 100%; font-size: 20px; text-align: center; margin-bottom: 1em; }
.promotions .boxed_body { position: relative; width: 100%; color: #000; font-size: 16px; line-height:26px; }
.promotions .boxed_body ol { padding-left: 4%; }
.promotions .first-section { background-color:#ffffff; position:relative; width:100%; }
.promotions .first-section .first_title { position:relative; width: 100%; }
.promotions .first-section .first_title img { position:relative; width:100%; }
.promotions .first-section .first_title .headline { position: relative;; width:100%; height:100%; top:0; left:0; }
.promotions .first-section .promo-head-text { font-size: 18px; line-height: 26px; letter-spacing: 1px; width: 80%; margin: 0 auto; margin-top: -10px; }
.promotions .first-section .first_section_left { display: block; position: absolute; bottom: -8em; width: 15em; height: 15em; left: 0; margin-left: -11em; z-index: 9; }
.promotions .first-section .first_section_right { display: block; position: absolute; bottom: -8em; height: 15em; width: 15em; right: -12em; z-index: 9; }
.promotions .second-section { background-color: #FFFFFF; position:relative; width:100%; padding-top:50px; }
.promotions .second-section .promotion-title { position:relative; width:100%; text-align:center; color:#ED1846; font-size: 37px; line-height: 50px; letter-spacing: 1px; padding-bottom:1em; }
.promotions .second-section .promotion-desc { color:#000000; font-size: 19px; line-height: 28px; letter-spacing: 1px; }
.promotions .second-section span.small-text { font-weight: 300; font-size: 14px; line-height: 20px; letter-spacing: 1px; }
.promotions .second-section .text-red-2 { color:#FF004C; }
.promotions .second-section .text-green { color:#71CB00; }
.promotions .second-section .promo-title-2 { font-size: 26px; line-height: 36px; letter-spacing: 1px; }
.promotions .second-section .promo-text { font-size: 18px; line-height: 26px; letter-spacing: 1px; width: 80%; margin: 0 auto; margin-top: -10px; text-align: left; }
.promotions .second-section .promo-text-2 { font-size: 18px; line-height: 26px; letter-spacing: 1px; width: 83%; margin: 0 auto; text-align: left; }
.promotions .second-section .promotion-btn img { width: 70%; }
.promotions .second-section .gift-title { font-size:30px; color:#E21440; }
.promotions .second-section .gift-desc { font-size:19px; line-height:28px; color:#7DC735; padding-bottom:1em; }
.promotions .third-section { background-color: #FFF9AF; position:relative; width:100%; padding-top:2em; }
.promotions .third-section .promo-title-2 { font-size: 26px; line-height: 36px; letter-spacing: 1px; }
.promotions .third-section .promotion-title { position:relative; text-align:center; width:100%; padding:1em; }
.promotions .third-section .promotion-title span { padding: 0.25em 0.25em; background-color: #0074BE; color: white; font-size: 21px; border-radius: 0.5em; line-height: 31px; }
.promotions .third-section .promo-text-2 { font-size: 18px; line-height: 26px; letter-spacing: 1px; width: 80%; margin: 0 auto; text-align: left; }
.promotions .last-section { position:relative; width:100%; padding-top:2em; padding-bottom:2em; }
.promotions .last-section .promotion-title { position:relative; text-align:center; width:100%; font-size: 21px; line-height: 31px; letter-spacing: 1px; }
.promotions .last-section .promo-text-2 { font-size: 18px; line-height: 26px; letter-spacing: 1px; width: 60%; margin: 0 auto; text-align: left; }
.promotions .last-section .section-text { position:relative; width:50%; left:0; right:0; margin:auto; }
.promotions .last-section .promo-last-text { font-size: 13px; line-height: 18px; letter-spacing: 1px; }
.promotions .last-section .btn-reg { width: 50%; font-size: 30px; }
.promotions .blue_box { background-color: #0074BE; color: #FCF4D7; font-size: 18px; padding: 0.1em 0.3em; line-height: 26px; border-radius: 0.5em; margin-bottom: 0.5em; display: inline-block; }
.promotions .last-text { font-size: 18px; line-height: 26px; color: #666666; letter-spacing: 1px; text-align: justify; }
.promotions .last-text-2 { font-size: 18px; line-height: 26px; color: #666666; letter-spacing: 1px; text-align: left; }
.promotions .last-text-3 { font-size: 17px; line-height: 25px; color: #666666; letter-spacing: 1px; text-align: left; }
.promotions .last-text-4 { font-size: 18px; line-height: 26px; color: #585858; letter-spacing: 1px; text-align: center; }
.promotions .step-2-text { font-size: 18px; line-height: 26px; color: #585858; letter-spacing: 1px; text-align: center; display: block; }
.promotions .step-3-text { font-size: 18px; line-height: 26px; color: #585858; letter-spacing: 1px; text-align: center; display: block; }
.promotions .last-text-5 { font-size: 18px; line-height: 26px; color: #585858; letter-spacing: 1px; text-align: center; display: block; }
.promotions .step-4-image { display:block; }
.promotions .step-5-text { font-size: 18px; line-height: 26px; color: #585858; letter-spacing: 1px; text-align: center; display: block; }
.promotions .step-4-image img { width:46%; }
.promotions .step-5-image { display:block; }
.promotions .step-5-image img { width:50%; }
.promotions .phone-img i { font-size: 4em; }
.promotions .methods { width: 30%; padding: 1em; }
.promotions .step-1-image { margin-top:1em; display: block; }
.promotions .step-1-image img { width:40%; }
.promotions .step-4-text { margin: 0 auto; width: 60%; display: block; }
.promotions .step-4-image-2 img { width:80%; }
.promotions .step-4-image-2 { display:block; }
.promotions .gift_session { background: url(../../images/gift_bg@2x.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.promotions .section-text { position:relative; width:40%; left:0; right:0; margin:auto; }
.promotions .welcome_gifts-title { font-size: 26px; line-height: 36px; }
.promotions .slider_section { position:relative; width:100%; height: 50em; left:0; right:0; margin:auto; }
.promotions .slider_section .sliders { position:relative; width:100%; height:100%; text-align:center; overflow:hidden; }
.promotions .slider_section .sliders >div { position:absolute; width:100%; height:auto; display:none; left:0; top:0; }
.promotions .slider_section .sliders >div img { width:70%; height:70%; padding: 1em; object-fit: contain; }
.promotions .slider_section .sliders >div .bottom_text { color:#C4003A; position:relative; width:75%; left:0; right:0; margin:auto; height: auto; text-align:center; letter-spacing: 1px; margin-top:3em; }
.promotions .slider_section .right_arrow,.promotions .slider_section .left_arrow { position:absolute; top:50%; transform:translateY(-50%); width:20px; height:80px; }
.promotions .slider_section .right_arrow img,.promotions .slider_section .left_arrow img { object-fit:contain; width:100%; height:100%; }
.promotions .slider_section .left_arrow { cursor: pointer; }
.promotions .slider_section .right_arrow { cursor: pointer; }
.promotions .slider_section .page_ind { position:absolute; display:block; width:100%; height:1em; font-size: 1em; top:90%; left:0; text-align:center; }
.promotions .slider_section .page_ind i { font-style: normal; color: rgba(196,0,58,0.25); margin-right:0.5em; }
.promotions .slider_section .page_ind b { color: #C4003A; margin-right:0.5em; }
.promotions .shop_list_popup_container { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); z-index:99999; }
.promotions .shop_list_popup_container .shop_list_popup_dialog { position:relative; width:50%; left:0; right:0; margin:auto; top:50%; transform:translateY(-50%); padding:2em; background-color: #D9FCFB; border:3px solid #1274BE; border-radius: 5px; color:#000; }
.promotions .shop_list_popup_container .shop_list_popup_dialog .title { width:100%; padding-bottom:1em; font-size: 120%; color: #1274BE; text-align:center; font-weight:bold; }
.promotions .shop_list_popup_container .shop_list_popup_dialog .close_btn { width:2em; height:2em; position:absolute; top:-2.5em; right:0; }
.promotions .shop_list_popup_container .shop_list_popup_dialog .close_btn svg { width:2em; }
.promotions .shop_list_popup_container .shop_list_popup_dialog .close_btn svg line { stroke: white; }
.news .section-text { position:relative; width:50%; left:0; right:0; margin:auto; }
.news .news-title { font-size: 26px; line-height: 36px; letter-spacing: 1px; }
.news .news_kv { width:100%; object-fit:contain; }
.news .sorry-img img { width:30%; }
.news .sorry-text { font-size: 24px; line-height: 36px; letter-spacing: 1px; padding-bottom: 10em; padding-top:1em; }
.news .bottom_text { right: 0; bottom: 0; position: relative; display: block; }
.news .news_block { position:relative; width:100%; height:100%; background-color: #FAFAFA; padding: 2em; font-size: 16px; line-height: 24px; margin-bottom: 2em; letter-spacing: 1px; cursor: pointer; }
.news .news-date { font-size: 13px; line-height: 18px; letter-spacing: 1px; color:#585858; }
.news .news-title { font-size: 26px; line-height: 34px; letter-spacing: 1px; color:#C4003A; }
.news .news-detail { font-size: 18px; line-height: 26px; letter-spacing: 1px; color:#585858; margin-bottom: 5em; }
.news .news-detail img { max-width: 100%; }
#navcontainer { display: block; }
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#navcontainer ul li { display: inline-block; margin-left: -0.2em; }
#navcontainer ul li a { text-decoration: none; color: #ffffff; padding-top: 0.25em; padding-left: 0.3em; padding-bottom: 0.25em; padding-right: 0.3em; margin-right:0.2em; border-right:1px solid white; }
#navcontainer ul li:last-child a { margin-right:inherit; border-right:0; }
#navcontainer ul li a span { display:inline-block; position: relative; }
#navcontainer ul li a span.active { color:black; font-weight: 900; }
#navcontainer ul li a span.active::before { display:block; position:absolute; content:" "; width:100%; top:0.5em; left:0; height:100%; border-bottom: 4px solid black; }
#navcontainer ul li a:hover { color: #C4003A; background-color:#FCF4D7; }
.top_yellow_area { width:100%; background-color: #FCF4D7; position:relative; border-bottom: 0.5em solid #ED1846; padding-top: 1em; padding-bottom: 1em; }
.top_yellow_area .preview_area { width:50%; height:30em; position:relative; overflow:hidden; left:0; right:0; margin:auto; }
.top_yellow_area .preview_area img { display:block; position:relative; top:0; left:0; width:100%; height:100%; object-fit:contain; }
.top_yellow_area .preview_area i { display:block; position:absolute; right:0; bottom:0; font-size:4em; }
.pager { white-space: nowrap; user-select: none; cursor:pointer; }
.pager:hover { text-decoration: underline; }
.member_profile .thankyou-text { font-size: 18px; line-height: 26px; letter-spacing: 1px; }
.member_profile .gift-image { padding-left: 15px; padding-top: 15px; padding-bottom: 15px; }
.member_profile .gift-title { font-size:22px; line-height: 28px; letter-spacing: 1px; }
.member_profile .gift-image { text-align: center; }
.member_profile .gift-image img { width:70%; }
.member_profile .gift-info { font-size: 18px; line-height: 24px; letter-spacing: 1px; padding: 3em; display: grid !important; align-items: center; align-content: center; }
.section-text { position:relative; width:70%; left:0; right:0; margin:auto; }
.member-title { font-size: 21px; line-height: 31px; letter-spacing: 1px; }
.invoice-notice { font-size: 18px; line-height: 26px; letter-spacing: 1px; }
.success-image { display:block; }
.success-image img { width:50%; }
.success-title { font-size: 26px; line-height: 36px; letter-spacing: 1px; color:#000000; }
.gift-image-2 { text-align: center; margin: 0 auto; width: 100%; position: relative; display: block; }
.gift-image-2 img { width:90%; }
.gift_info { font-size:0.85em; }
.total-point-info { font-size:1.1em; }
.form-control-2 { display: block; width: 100%; font-size: 14px; line-height: 1.5; background-clip: padding-box; padding: 1em; border:1px solid #DBDBDB; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.bg-grey { background-color: #E5E5E5; color: #A5A5A5; }
.bg-white { background-color: #fff; color:#000000; }
fieldset { font-size: 15px; color:#000000; margin-bottom: 1em; }
.form-control-2::placeholder { color:#A5A5A5; }
.tab-container { display:none; width:100%; position:relative; }
.pending_title { position:relative; width:100%; background-color: #FCF4D7; padding:0.25em; text-align:center; color: #ED1846; font-size: 1.2em; font-weight:bold; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; }
.nonpending_title { position:relative; width:100%; background-color: #72BE44; padding:0.25em; text-align:center; color: white; font-size: 1.2em; font-weight:bold; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; }
.receipt_list { padding-left:1em; padding-right:1em; background-color:#ffffff; }
.receipt_list .receipt_record { position:relative; width:100%; padding-top:1em; padding-bottom:1.5em; font-size: 18px; line-height: 26px; border-bottom:1px solid #CCCCCC; }
.receipt_list .receipt_record:last-child { border-bottom: inherit; }
.receipt_list .receipt_record .btn-size-2 { font-size:1em; min-width:60%; }
.receipt_list .receipt_record .reason { border-radius: 50px; padding: 10px; text-align: center; color: #333333; }
.circle_point_container { position:relative; width:80%; left:0; right:0; margin:auto; margin-top:2em; margin-bottom: 2em; }
.circle_point_container img { display:block; position:relative; width:100%; max-height:420px; object-fit: contain; }
.circle_point_container .circle_point { position:absolute; top: 60%; left:10%; width:80%; text-align:center; }
.circle_point_container .circle_point .big-point { font-size: 48px; display: block; letter-spacing: 1px; line-height: 58px; }
.circle_point_container .circle_point .use-point { font-size: 22px; line-height: 32px; letter-spacing: 1px; }
.no-gift-record { margin-top:10em; }
.no-gift-record img { width:16%; }
.no-record-title { font-size: 21px; line-height: 31px; letter-spacing: 1px; }
.point_hist { width:100%; font-size: 18px; line-height: 26px; letter-spacing: 1px; margin-bottom: 2em; }
.point_hist .point_hist_date { width: 100%; }
.point_hist div.point_row { width:100%; padding:1em; font-size:90%; }
.point_hist div.point_row:nth-child(odd) { background-color:#FCF4D7; }
.point_hist div.point_row:nth-child(even) { background-color:#FAFAFA; }
.point_hist div.point_row hr { margin-top:0.5em; margin-bottom: 0.5em; }
.user_points { display:inline-block; position:relative; left:0; right:0; margin:auto; padding: 0.5em 3em; background-color: #FCF4D7; border-radius: 50px; font-size: 18px; line-height: 26px; letter-spacing: 1px; }
.user_points::after { content:" "; width:2.2em; height:2.2em; position: absolute; left:0; top: 0; background-image:url(/images/point_star.svg); background-size:cover; background-repeat:no-repeat; }
.red_box { padding: 0.25em 0.5em; background-color:#C4003A; color:white; border-radius: 50px; user-select:none; min-width:2em; display:inline-block; text-align:center; }
.yellow_box { padding: 0.25em 0.5em; background-color:#FCF4D7; border-radius: 100%; user-select:none; }
input#qty { text-align: center; min-width:5em; border-radius:0 !important; }
.member_view_redeem { display:block; position:relative; width:100%; padding: 0.25em; border:1px solid #ED1846; color: #ED1846; font-size:120%; text-align:center; cursor:pointer; user-select:none; height:3em; line-height:2.25em; }
.member_view_redeem.disabled { border-color:#CCCCCC; color:#CCCCCC; cursor: not-allowed; }
.member_redeem_now { display:block; position:relative; width:100%; padding:0.25em; background-color:#ED1846; color: white; font-size:120%; text-align:center; cursor:pointer; user-select:none; height:3em; line-height:2.25em; }
.member_redeem_now.disabled { background-color:#CCCCCC; color:black; cursor: not-allowed; }
.big_red_box { display:block; position: relative; width:100%; padding:0.25em; background-color:#ED1846; color:white; font-size:120%; border-radius: 5px; text-align:center; cursor:pointer; user-select:none; }
.big_red_box.outline { background-color:white; color: #ED1846; border: 1px solid #ED1846; }
.big_red_box.disabled { background-color:#CCCCCC; cursor: not-allowed; }
.hot_lines { user-select:none; cursor:pointer; font-weight: bold; }
.hot_lines:hover { text-decoration: underline; }
#gift_title { font-size: 26px; line-height: 36px; letter-spacing: 1px; }
.gift-content-section { position:relative; width:50%; left:0; right:0; margin:auto; margin-bottom: 2em; line-height: 26px; font-size: 18px; }
.notice { font-size: 13px; line-height: 20px; letter-spacing: 1px; width:50%; margin:0 auto; }
.slider_section { position:relative; width:40em; height: 25em; left:0; right:0; margin:auto; }
.slider_section .sliders { position:relative; width:100%; height:100%; text-align:center; overflow:hidden; }
.slider_section .sliders >div { position:absolute; width:100%; height:100%; display:none; left:0; top:0; }
.slider_section .sliders >div img { width:100%; height:100%; object-fit: contain; }
.slider_section .sliders >div .bottom_text { color:#C4003A; position:relative; width:75%; left:0; right:0; margin:auto; height: auto; text-align:center; letter-spacing: 1px; margin-top:3em; }
.slider_section .right_arrow,.slider_section .left_arrow { position:absolute; top:50%; transform:translateY(-50%); width:2em; height:2em; }
.slider_section .right_arrow img,.slider_section .left_arrow img { object-fit:contain; width:100%; height:100%; }
.slider_section .left_arrow { left: 4.5em; cursor: pointer; }
.slider_section .right_arrow { right: 4.5em; cursor: pointer; }
.slider_section .page_ind { position:absolute; display:block; width:100%; height:1em; font-size: 1em; top:90%; left:0; text-align:center; }
.slider_section .page_ind i { font-style: normal; color: rgba(196,0,58,0.25); margin-right:0.5em; }
.slider_section .page_ind b { color: #C4003A; margin-right:0.5em; }
.prem_gifts #mask { position: absolute; background: rgba(255,255,255,0.5); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); left: 0; top: 0; right: 0; z-index: 99; bottom: 0; }
.prem_gifts .headline { position: relative; width: 100%; }
.prem_gifts .headline .kv_image { width:80%; margin-top:-50px; z-index:9; position:relative; }
.prem_gifts .top-gift-section { margin: 0 auto; width: 100%; text-align: center; background-color: #ed4746; }
.prem_gifts img.main_kv { width:100% }
.prem_gifts .desktop { display:block; }
.prem_gifts .mobile { display:none; }
.prem_gifts .gifts-title { font-size: 21px; line-height: 31px; letter-spacing: 1px; }
.prem_gifts .gift-text { position: absolute; left: 30%; top: 42%; width: 24%; text-align: justify; font-size: 18px; line-height: 28px; color: #ffffff; }
.prem_gifts .gift-text a { color:#FED098; }
.prem_gifts .headeline-text { font-size: 18px; line-height: 30px; letter-spacing: 1px; padding-top:3em; text-align: justify; }
.prem_gifts .gifts-image { padding-bottom:2em; }
.prem_gifts .gifts-image img { width:100%; }
.prem_gifts .gift-name { font-size: 20px; }
.prem_gifts .gift-desc { color:#666666; font-size: 14px; line-height: 20px; letter-spacing: 1px; padding-top:0.5em; }
.prem_gifts .welcome-section { position: relative; width: 100%; background-color:#FCF4D7; }
.prem_gifts .welcome-section .section-title { width: 100%; background-color: #C4003A; color: #FCF4D7; text-align: center; font-size:24px; padding-top: 0.22em; padding-bottom: 0.25em; margin-bottom: 1em; }
.prem_gifts .limited-section { position: relative; width: 100%; padding-bottom:2em; }
.prem_gifts .limited-section .section-title { width: 100%; background-color: #72BE44; color: #FCF4D7; text-align: center; font-size:24px; padding-top: 0.22em; padding-bottom: 0.25em; margin-bottom: 1em; }
.prem_gifts .foot-note { position:relative; width:40%; left:0; letter-spacing: 1px; font-size: 28px; right:0; margin:auto; padding-top:0.5em; padding-bottom: 0.5em; margin-top: 1em; color:#72BE44; border-top:1px dotted #72BE44; border-bottom: 1px dotted #72BE44; text-align: center; }
.prem_gifts .foot-text { position: relative; width: 40%; left: 0; letter-spacing: 1px; font-size: 14px; margin: auto; padding-top: 0.5em; padding-bottom: 0.5em; color: #000000; margin-bottom: 3em; text-align: left; }
.prem_gifts .section-text { width:55%; position:relative; left:0; right:0; margin:auto; }
.prem_gifts img.how-to-btn { width: 50%; }
.more_fun .top_session { position:relative; width:100%; }
.more_fun .top_session.yellow { background-color: #FBF4D7; }
.more_fun .top_session.yellow .main_kv { position:relative; display:block; width:30%; left:0; right:0; margin:auto; z-index:2; padding-top:1em; }
.more_fun .top_session.yellow::after { content:" "; display:block; position:absolute; bottom:0; left:0; background-color:white; width:100%; height:20%; }
.more_fun .top_session.yellow.w-half::after { height:52%; }
.more_fun .top_session.pink { background-color: #FFE1DD; height:6em; padding-top:2em; margin-bottom: 2em; }
.more_fun .top_session.pink .main_kv { position:absolute; display:block; width:25%; left:0; right:0; margin:auto; object-fit:contain; }
.more_fun .top_session .main_kv { position:relative; display:block; width:100%; }
.more_fun .top_session .more_fun_header_left { position:absolute; display:block; width:25%; bottom:-4em; left:15%; z-index: 9; }
.more_fun .top_session .more_fun_header_right { position:absolute; display:block; width:25%; bottom:-4em; right:15%; z-index: 9; }
.more_fun .more_fun_q { cursor: pointer; }
.more_fun .more_fun_q:hover { opacity: .7; }
.more_fun #more_fun_sp { cursor: pointer; padding-bottom: 1em; }
.more_fun #more_fun_sp:hover { opacity: .7; }
.more_fun .pink_text { color: #EE6E7B; }
.more_fun .other_title { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: bold; }
.more_fun .more_fun_title { font-size: 26px; line-height: 34px; font-weight: bold; letter-spacing: 1px; }
.more_fun .more_fun_title_2 { font-size: 26px; line-height: 26px; font-weight: bold; letter-spacing: 1px; }
.more_fun .more_fun_content { font-size: 18px; line-height: 26px; color:#585858; letter-spacing: 1px; }
.more_fun .more_fun_content_2 { font-size: 17px; line-height: 25px; font-weight: bold; letter-spacing: 1px; }
.more_fun .red_text { color:#C4003A; }
.more_fun .teal_text { color: #BAD2BA; }
.more_fun .purple_text { color: #81A1CC }
.more_fun .blue_text { color: #1274BE }
.more_fun .brown_text { color: #D2A56E; }
.more_fun .pink_lr_lines { border-left: 1px solid #EE6E7B; border-right: 1px solid #EE6E7B; padding-left: 1em; padding-right: 1em; }
.more_fun .red_question_box { border:2px solid #C4003A; position:relative; border-radius:1em; padding:2em; background-color:#FBF4D7; width:50%; left:0; right:0; margin:auto; }
.more_fun .red_question_box .question_box_title { position:absolute; display:block; top:-3em; right:0; width:80%; }
.more_fun .red_question_box .indicator { position:absolute; top:-0.25em; left:-3em; border-radius:2em; width: 2em; height: 2em; background-color:#C4003A; color: white; text-align:center; line-height:2em; }
.more_fun .red_question_box .indicator span { font-size:0.8em; }
.more_fun .red_question_box .question_title { position:relative; color: #C4003A; font-size: 18px; line-height: 26px; font-weight: bold; }
.more_fun .answer_title { color: #000000; font-size: 18px; line-height: 26px; font-weight: bold; }
.more_fun #go_test { cursor: pointer; }
.more_fun #go_test:hover { opacity: 0.7; }
.more_fun .finish_title,.more_fun .second_message_2 { font-size: 26px; line-height: 30px; font-weight: bold; letter-spacing: 1px; }
.more_fun .second_message { font-size: 38px; line-height: 48px; font-weight: bold; letter-spacing: 1px; }
.more_fun #back_button { font-size: 20px; }
.more_fun .session_content_2 { position:relative; left:0; right:0; width:60%; margin:auto; text-align:center; }
.more_fun .more_confirm { font-size:20px; }
.more_fun .session_content { position:relative; left:0; right:0; width:50%; margin:auto; text-align:center; }
.more_fun .session_content .c4_middle_image,.more_fun .session_content .sp_middle_image { width:50%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .middle_image { width:55%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .small_image { width:100%; }
.more_fun .session_content .middle_image_2 { width:80%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .c2_middle_image { width:70%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .c2_middle_image_2 { width:100%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .c5_middle_image { width:70%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .second_session { background-color: #FBF4D7; position:relative; width:100%; padding-top: 2em; padding-bottom:2em; }
.more_fun .third_session { position:relative; width:100%; padding-top: 2em; padding-bottom: 2em; }
.more_fun .plain_session { position:relative; width:100%; padding-top:1em; padding-bottom:2em; }
.more_fun .more_fun_sp_bkg { position:relative; background-image:url(/images/q-bg.png); background-position: center top; background-size: 65% auto; background-repeat: no-repeat; padding-bottom: 7em; }
.more_fun .more_fun_ans { position:relative; display:block; width:100%; left:0; right:0; margin:auto; }
.more_fun .more_fun_ans { cursor: pointer; }
.more_fun .more_fun_sp_checkbox { position:absolute; display:block; left:0; right:0; margin:auto; width: 20px; height: 20px; bottom: 2em; }
.more_fun .mf_sp_ans { position:relative; left:0; right:0; width:50%; margin:auto; text-align:center; overflow:hidden; }
.more_fun .more_confirm { width:50%; }
.more_fun .mt_ans_first { margin-top: 3em; }
.more_fun .mt_ans { margin-top: 0.5rem; }
.more_fun .more_fun_sp_middle_pink { position:relative; width:100%; background-image:url(/images/more_fun_sp_rect.png); background-position: center top; background-size: 7.5% auto; background-repeat: no-repeat; }
.game_play .top_session { position:relative; width:100%; background-color: #FCF4D7; height: 296px; text-align: center; max-width: 100%; }
.game_play .top_session .main_kv { display:block; position:absolute; min-width:100%; width:100%; height: 120%; object-fit:cover; top:0; left:0; right:0; margin:auto; z-index:1; }
.game_play .second_session { position:relative; width:100%; background-color: #FCF4D7; }
.game_play .second_session .session_content { position: relative; width:30%; left:0; right:0; margin:auto; }
.game_play .second_session .session_content .play-title { font-size: 18px; line-height: 26px; font-weight: bold; letter-spacing: 1px; }
.game_play .second_session .session_content .play-description { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: normal; color:#585858; }
.game_play .second_session .session_content .game-intro-title { font-size: 26px; line-height: 34px; font-weight: bold; letter-spacing: 1px; }
.game_play .second_session .session_content .middle_image { display: block; position: relative; left:0; right:0; margin:auto; width:90%; }
.game_play .second_session .session_content .game_start_button { display: block; position: relative; left:0; right:0; margin:auto; width:70%; margin-top:1em; cursor:pointer; }
.game_play .second_session .session_content .game_intro_button { display: block; position: relative; left:0; right:0; margin:auto; width:50%; cursor:pointer; }
.game_play .second_session .session_content .slider_section { position:relative; width:100%; height:55vh; left:0; right:0; margin:auto; }
.game_play .second_session .session_content .slider_section .sliders { position:relative; width:100%; height:100%; text-align:center; overflow:hidden; }
.game_play .second_session .session_content .slider_section .sliders >div { position:absolute; width:100%; height:100%; display:none; left:0; top:0; }
.game_play .second_session .session_content .slider_section .sliders >div img { display:block; position:relative; left:0; right:0; margin:auto; width:90%; object-fit: contain; }
.game_play .second_session .session_content .slider_section .right_arrow,.game_play .second_session .session_content .slider_section .left_arrow { position:absolute; top:50%; transform:translateY(-50%); width:10px; height:60px; }
.game_play .second_session .session_content .slider_section .right_arrow img,.game_play .second_session .session_content .slider_section .left_arrow img { object-fit:contain; width:100%; height:100%; }
.game_play .second_session .session_content .slider_section .left_arrow { left: -2%; cursor: pointer; }
.game_play .second_session .session_content .slider_section .right_arrow { right: -2%; cursor: pointer; }
.game_play .second_session .session_content .page_ind { position:relative; display:block; width:100%; font-size: 1em; left:0; text-align:center; }
.game_play .second_session .session_content .page_ind i { font-style: normal; color: rgba(196,0,58,0.25); margin-right:0.5em; }
.game_play .second_session .session_content .page_ind b { color: #C4003A; margin-right:0.5em; }
.game_compet_cover { position:fixed; display:none; top:0; left:0; width:100vw; height:100vh; overflow-x:hidden; overflow-y:auto; z-index:99999; background-color:rgba(0,0,0,0.75); }
.game_compet_cover .game_compet_dialog { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; height: auto; width: 50%; max-width:612px; overflow:hidden; padding:1em; }
.game_compet_cover .game_compet_dialog .game_compet_intro { position:relative; width:100%; height:95%; overflow:hidden; text-align:center; }
.game_compet_cover .game_compet_dialog .game_compet_intro img { display:inline-block; position:relative; width:auto; height:100%; object-fit:contain; }
.game_compet_cover .game_compet_dialog .game_compet_intro .popup_close { position:absolute; top:0; right:0; font-size:2em; color:white; cursor:pointer; }
.game_compet_cover .game_compet_dialog .game_compet_intro .popup_close:hover { color: grey; }
#record_btn, #game_fb_btn { cursor: pointer; }
.gameend_cover { position:fixed; display:none; top:0; left:0; width:100vw; height:100vh; overflow-x:hidden; overflow-y:auto; z-index:99999; background-color:rgba(0,0,0,0.25); }
.gameend_cover .gameend_dialog { position:relative; top:50%; left:0; right:0; width:50%; max-width:400px; margin:auto; transform:translateY(-50%); background-color: rgb(0,0,0,0.60); padding:1em; border-radius: 1em; }
.gameend_cover .gameend_dialog .gameend_close { position:relative; font-size:2em; color:white; text-align:right; width:100%; }
.gameend_cover .gameend_dialog img { display:block; position:relative; width:100%; padding-top: 0.5em; padding-left: 1em; padding-right: 1em; object-fit:contain; }
.gameend_cover .gameend_dialog img:last-child { padding: 0.5em 2.5em; }
.receipt_content .container-full { position:relative; width:100%; background-color: #FCF4D7; }
.receipt_content .container-full .receipt_small_text { font-size:14px; line-height:22px; color:#000000; }
.receipt_content .container-full fieldset { margin-top: 2em; margin-bottom: 1em; }
.receipt_content .container-full .sl-high { height: 3.2em !important; }
.receipt_content .container-full .form-control-3 { display: block; width: 100%; font-size: 14px; line-height: 1.5; color: #757575; background-clip: padding-box; padding: 1em; border: 1px solid #DBDBDB; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.receipt_content .container-full .btn-size { font-size:1.2em; }
.receipt_content .container-full .form-control-2 { display: block; width: 100%; font-size: 14px; padding: 0.375rem 1rem; line-height: 1.5; color: #757575; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.receipt_content .container-full .input-group-text { padding: 0.75em; background-color: #ffffff; line-height: 0; }
.receipt_content .container-full .pt-5p { padding-top:5px; }
.receipt_content .container-full .control { display: block; position: relative; padding-left: 25px; margin-bottom: 10px; vertical-align: top; cursor: pointer; font-size: 15px; }
.receipt_content .container-full .control input { position: absolute; z-index: -1; opacity: 0; }
.receipt_content .container-full .control_indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #FFFFFF; border: 0px solid #000000; border-radius: 0px; }
.receipt_content .container-full .control:hover input ~ .control_indicator,.receipt_content .container-full .control input:focus ~ .control_indicator { background: #cccccc; }
.receipt_content .container-full .control input:checked ~ .control_indicator { background: #2aa1c0; }
.receipt_content .container-full .control:hover input:not([disabled]):checked ~ .control_indicator,.receipt_content .container-full .control input:checked:focus ~ .control_indicator { background: #e6647d; }
.receipt_content .container-full .control input:disabled ~ .control_indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }
.receipt_content .container-full .control_indicator:after { box-sizing: unset; content: ''; position: absolute; display: none; }
.receipt_content .container-full .control input:checked ~ .control_indicator:after { display: block; }
.receipt_content .container-full .control-checkbox .control_indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.receipt_content .container-full .control-checkbox input:disabled ~ .control_indicator:after { border-color: #7b7b7b; }
.receipt_content .container-full .control-checkbox .control_indicator::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 4.5rem; height: 4.5rem; margin-left: -1.3rem; margin-top: -1.3rem; background: #2aa1c0; border-radius: 3rem; opacity: 0.6; z-index: 99999; transform: scale(0); }
.receipt_content .container-full .control-checkbox input + .control_indicator::before { animation: s-ripple 250ms ease-out; }
.receipt_content .container-full .control-checkbox input:checked + .control_indicator::before { animation-name: s-ripple-dup; }
.receipt_content .upload_area { width:100%; height:20em; position:relative; border: 2px dashed #ED1846; overflow:hidden; cursor:pointer; }
.receipt_content .upload_area .uploaded_image { display:block; position:relative; top:0; left:0; width:100%; height:100%; object-fit:contain; }
.receipt_content .upload_area .uploadimage_placeholder { display:block; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; width:64px; height:64px; object-fit:contain; }
.receipt_content .terms_popup_container { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); z-index:99999; }
.receipt_content .terms_popup_container .terms_popup_dialog { position:relative; width:50%; left:0; right:0; margin:auto; top:50%; transform:translateY(-50%); height:90%; padding:2em; background-color: #D9FCFB; border:3px solid #1274BE; border-radius: 5px; color:#000; overflow-y:auto; }
.receipt_content .terms_popup_container .terms_popup_dialog .title { width:100%; padding-bottom:1em; font-size: 120%; color: #1274BE; text-align:center; font-weight:bold; }
.receipt_content .terms_popup_container .close_btn { width:2em; height:2em; position:fixed; top:5px; right:25%; }
.receipt_content .terms_popup_container .close_btn svg { width:2em; }
.receipt_content .terms_popup_container .close_btn svg line { stroke: white; }
.referencenum { min-width: 15em; border-radius: 50px; padding: 10px; font-size: 20px; font-weight: bold; }
.thank_text { font-size:18px; }
.thank_content, .thank_button { font-size: 14px; line-height: 24px; }
a.upload_btn { background-color: #52af50; color: #000000; padding: 0.35em 0.75em; }
a.status_btn { background-color: #fef2cc; color: #000000; padding: 0.35em 0.75em; }
.master_chief { color: #ffffff; }
.master_chief .headline { position:relative; width: 100%; padding: 0; }
.master_chief .headline .master_chief_kv { position:relative; width:100%; }
.master_chief .headline .master_chief_kv img { position: relative; width: 100%; object-fit:cover; }
.master_chief #mask { position: absolute; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); left: 0; top: 0; right: 0; z-index: 99; bottom: 0; }
.master_chief .desktop { display:block; }
.master_chief .mobile { display:none; }
.master_chief .event-content { color:#12844B; font-size:30px; liine-height:50px; }
.master_chief.bg-yellow { background-color:#F8F5E2; }
.master_chief .text-large { font-size: 150%; }
.master_chief .headline,.master_chief .headline2 { position: relative; background-image:url(/images/master_chief_desktop_kv.png); background-size: 100% auto; background-repeat: no-repeat; background-color: #ED1846; background-position-x: center; background-position-y: top; width:100%; }
.master_chief .headline2 { background-image:url(/images/campaign_desktop_kv.png); background-color:#F8F5E2; }
.master_chief .section_one { position:relative; background-image:url(/images/mid-bg-d.jpg); background-position: center top; background-repeat: no-repeat; height: 960px; }
.master_chief .section-text,.master_chief .section-title { position:relative; width:30vw; left:0; right:0; margin:auto; }
.master_chief .mc-top-area { position: relative; width: 100%; min-height: 20vw; }
.master_chief .mc-top-title { position:relative; width: 75%; left:0; right:0; margin:auto; padding-top: 1em; }
.master_chief .mc-top-title img { width:100%; }
.master_chief .mc-top-text { position: relative; width:100%; color:#6C5341; text-align: left; word-break: break-all; padding-top: 2em; padding-bottom: 2em; font-weight:bold; font-size:20px; line-height:34px; letter-spacing: 0.2px; }
.master_chief .mc-top-text-2 { position: relative; width:100%; color:#ffffff; text-align: left; word-break: break-all; padding-top: 2.5em; padding-bottom: 2em; font-weight:bold; font-size:20px; line-height:34px; letter-spacing: 0.2px; }
.master_chief .mc-top-text-2 .text-orange { color: #FECC66; }
.master_chief .mc-second-content { position:relative; top: -0.5em; width: 45%; left:0; right:0; margin:auto; }
.master_chief .mc-second-content-2 { position:relative; top: -0.5em; width: 30%; left:0; right:0; margin:auto; }
.master_chief .mc-second-content-3 { position:relative; top: -0.5em; width: 30%; left:0; right:0; margin:auto; }
.master_chief .mc-second-content-4 { position:relative; width: 30%; left:0; right:0; margin:auto; padding-top: 1.5em; padding-bottom: 1.5em; }
.master_chief .section { position:relative; width: 100%; }
.master_chief .section .section_content-2 { position:relative; width:65%; left:0; right:0; margin:auto; }
.master_chief .section .section_content-2 .gift-detail { color:#585858; font-size: 30px; line-height : 50px; font-weight: bold; letter-spacing:1px; margin-top:30px; }
.master_chief .section .section_content-2 .gift-detail span.gift-title { color:#C4003A; }
.master_chief .section .section_content-2 .gift-image { width: 100%; text-align: center; margin-top: 30px; z-index: 1; position: relative; }
.master_chief .section .section_content-2 .gift-image img { width: 100%; }
.master_chief .section .section_content-2 .yakult_man { position:absolute; top: 33em; right: -14em; z-index: 0; }
.master_chief .section .section_content-2 .yakult_man img { width: 355px; object-fit:cover; }
.master_chief .section .section_content-2 .pineapple { position:absolute; top: -13em; right: -4em; z-index: 0; }
.master_chief .section .section_content-2 .pineapple img { width: 184px; object-fit:cover; }
.master_chief .section .section_content-2 .sun { position:absolute; top: -4em; left: -7em; z-index: 0; }
.master_chief .section .section_content-2 .sun img { width: 224px; object-fit:cover; }
.master_chief .section .section_content-2 .juice { position:absolute; bottom: 60em; right: -1em; z-index: 0; }
.master_chief .section .section_content-2 .juice img { width: 213px; object-fit:cover; }
.master_chief .section .section_content-2 .cook-tips { width:700px; margin: 0 auto; margin-bottom: 70px; margin-top: 30px; color:#585858; font-size: 27px; line-height: 45px; letter-spacing: 1px; }
.master_chief .section .section_content-2 .cook-red { color:#C4003A; }
.master_chief .section .section_content-2 .tnc-title { width:700px; margin: 0 auto; color:#242424; font-size: 18px; line-height: 30px; letter-spacing: 1px; }
.master_chief .section .section_content-2 .button_area_2 { width:100%; text-align:center; margin-top: 50px; z-index: 1; position: relative; }
.master_chief .section .section_content-2 .button_area_2 img { width: 100%; max-width: 40em; }
.master_chief .section .section_content-2 .button_area_2 :hover { opacity:.9; }
.master_chief .section .section_content-2 .tnc-title { color:#242424; font-size:17px; line-height:30px; letter-spacing:1px; }
.master_chief .section .section_content-2 ol.tnc-content { padding-left:25px; margin-top: 10px; }
.master_chief .section .section_content-2 .big-title { color:#C4003A; font-size:24px; }
.master_chief .section .section_content { position:relative; width: 100%; max-width: 1080px; left:0; right:0; margin:auto; }
.master_chief .section .section_content .event-content { color: #12844B; font-size: 30px; line-height: 50px; font-weight: bold; letter-spacing:1px; width: 760px; margin: 0 auto; padding-top: 30px; padding-bottom: 120px; text-align:center; }
.master_chief .section .section_content .number { font-size: 40px; left: -0.5em; top: -0.4em; display: inline-block; position: absolute; color: #C4003A; }
.master_chief .section .section_content span.text-line { text-decoration: underline; }
.master_chief .section .section_content span.main-date { color:#C4003A; }
.master_chief .section .section_content span.main-date-2 { color:#585858; }
.master_chief .section .section_content .join-title { color:#C4003A; font-size: 30px; line-height: 50px; margin-bottom:30px; }
.master_chief .section .section_content span.highli { color:#BC1D97; font-size: 32px; }
.master_chief .section .section_content .step-img { margin-bottom: 20px; }
.master_chief .section .section_content .step-img img { width: 160px; }
.master_chief .section .section_content .step-word { color:#585858; font-size: 21px; line-height : 32px; font-weight: bold; letter-spacing:1px; }
.master_chief .section .section_content .small-step { font-size: 18px; line-height : 23px; }
.master_chief .section .section_content .step-word a { color:#C4003A; }
.master_chief .section .section_content .how-to-join-title { margin-top:100px; }
.master_chief .section .section_content .step-color { color:#BC1D99; }
.master_chief .section .section_content .how-to-join { width: 700px; margin: 0 auto; margin-top:30px; color: #008645; font-size: 20px; line-height: 32px; font-weight: bold; letter-spacing:1px; }
.master_chief .section .section_content .deadline-text { width: 700px; margin: 0 auto; }
.master_chief .cook-gift-title { font-size:30px; color:#ED1846; }
.master_chief .cook-gift-detail { font-size:24px; line-height:32px; color:#ED1846; }
.master_chief .cook-gift-detail-2 { font-size:24px; color:#ED1846; padding-top: 0.5em; display: block; }
.master_chief .finish-text { font-size:20px; color:#585858; text-align:center; }
.master_chief #mc_campaign_guess_btn { cursor:pointer; }
.master_chief .mc-description { position:relative; width:100%; color: white; min-height:8em; padding-top:1em; font-size: 20px; line-height: 34px; font-weight: bold; letter-spacing: 0.2px; }
.master_chief .mc-description .text-orange { color: #FECC66; }
.master_chief .left-text { position:relative; left:0; width:59%; min-height:15em; padding-top:1.5em; }
.master_chief .left-text .text-orange { color: #FECC66; }
.master_chief .left-text img { display:block; width:100%; }
.master_chief .headline .left-text { color:white; }
.master_chief .right-text { position:absolute; top:0; left: 66%; width: 15em; }
.master_chief .right-text .gift_badge { top:0; left:0; position:absolute; font-size:2em; color:#ED1846; background-color:white; width:2em; height:2em; text-align:center; line-height:2em; border-radius: 2em; }
.master_chief .right-text img { position:absolute; right:0; top:1em; width:13em; height:13em; }
.master_chief .section-title { top: -2em; text-align:center; }
.master_chief .white-round-box { position: relative; width: 74%; left: 0; right: 0; margin: auto; margin-top: 1em; border-radius: 20px; padding: 2.5em 2em 1em 2em; background-color: white; font-size: 16px; line-height: 26px; }
.master_chief .white-round-box h4 { margin-top: -2.3em; font-size: 24px; text-align: center; }
.master_chief .white-round-box ol { padding-left:4%; }
.master_chief .white-round-box.bg-yellow { background-color:#F8F5E2; }
.master_chief .footer_image1 { position:relative; width:100%; }
.master_chief .footer_image1 .white-round-box { z-index:1; }
.master_chief .footer_image1::after { content:" "; display:block; position:absolute; top:70%; left:-20%; width:140%; height:10em; background-image:url(/images/campaign_2022_footer1.png); background-size:contain; background-position:center; background-repeat:no-repeat; }
.master_chief .footer_image2 { position:relative; width:100%; }
.master_chief .footer_image2 .white-round-box { z-index:1; }
.master_chief .footer_image2::after { content:" "; display:block; position:absolute; left:-10%; top:70%; width:120%; height:15em; background-image:url(/images/campaign_2022_footer2.png); background-size:contain; background-position:center; background-repeat:no-repeat; }
.master_chief .mc-round-box { position:relative; width:100%; border-top-left-radius:20px; border-top-right-radius:20px; overflow:hidden; user-select:none; -webkit-user-select: none; -moz-user-select: none; cursor:pointer; }
.master_chief .mc-round-box .mc-header { position:relative; width:100%; background-color: #999; color:white; font-weight: bold; font-size: 22px; padding: 0.2em 0.7em; letter-spacing: 1px; }
.master_chief .mc-round-box .mc-header.drink { background-color:#ED1846; }
.master_chief .mc-round-box .mc-header.breakfast { background-color:#91BE28; }
.master_chief .mc-round-box .mc-header.dessert { background-color:#D471AA; }
.master_chief .mc-round-box .mc-header.snack { background-color:#F79504; }
.master_chief .mc-round-box .detail-icon { width: 30px; display: inline-block !important; margin-right: 10px; vertical-align: top; }
.master_chief .mc-round-box .mc-center-image { position:relative; width:75%; left:0; right:0; overflow:hidden; margin:auto; }
.master_chief .mc-round-box .mc-center-image-2 { position:relative; width:50%; left:0; right:0; overflow:hidden; margin:auto; }
.master_chief .mc-round-box .mc-menu-title { position:relative; width:100%; color: #C4003A; border-bottom:2px solid #C4003A; padding-bottom: 0.5em; margin-bottom: 1em; vertical-align: bottom; font-size: 22px; font-weight: bold; }
.master_chief .mc-round-box img { display:block; width:100%; object-fit:cover; }
.master_chief .mc-round-box img.mc-round-box-icon { position:absolute; width:80px; min-width:48px; top:0.75em; right:0.75em; }
.master_chief .mc-round-box .slider_section { position:relative; width:100%; height: 40em; left:0; right:0; margin:auto; }
.master_chief .mc-round-box .slider_section .sliders { position:relative; width:100%; height:100%; text-align:center; overflow:hidden; }
.master_chief .mc-round-box .slider_section .sliders >div { position:absolute; width:100%; height:100%; display:none; left:0; top:0; }
.master_chief .mc-round-box .slider_section .sliders >div img { width:100%; height:70%; object-fit: contain; }
.master_chief .mc-round-box .slider_section .sliders >div .bottom_text { color:#585858; font-size: 0.9em; position:relative; width:75%; left:0; right:0; margin:auto; height: auto; text-align:center; letter-spacing: 1px; margin-top:3em; }
.master_chief .mc-round-box .slider_section .right_arrow,.master_chief .mc-round-box .slider_section .left_arrow { position:absolute; top:35%; transform:translateY(-50%); width:2em; height:2em; }
.master_chief .mc-round-box .slider_section .right_arrow img,.master_chief .mc-round-box .slider_section .left_arrow img { object-fit:contain; width:100%; height:100%; }
.master_chief .mc-round-box .slider_section .left_arrow { left: 8.5em; cursor: pointer; }
.master_chief .mc-round-box .slider_section .right_arrow { right: 8.5em; cursor: pointer; }
.master_chief .mc-round-box .slider_section .page_ind { position:absolute; display:block; width:100%; height:1em; font-size: 1em; top:70%; left:0; text-align:center; }
.master_chief .mc-round-box .slider_section .page_ind i { font-style: normal; color: rgba(196,0,58,0.25); margin-right:0.5em; }
.master_chief .mc-round-box .slider_section .page_ind b { color: #C4003A; margin-right:0.5em; }
.upload_cook .container-full { position:relative; width:100%; }
.upload_cook .container-full .receipt_small_text { font-size:14px; line-height:22px; }
.upload_cook .container-full fieldset { margin-top: 1em; margin-bottom: 1em; }
.upload_cook .container-full .show_terms { cursor:pointer; }
.upload_cook .container-full .sl-high { height: 3.2em !important; }
.upload_cook .container-full .form-control-3 { display: block; width: 100%; font-size: 14px; line-height: 1.5; color: #757575; background-clip: padding-box; padding: 1em; border: 1px solid #DBDBDB; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.upload_cook .container-full .btn-size { font-size:1.2em; }
.upload_cook .container-full .form-control-2 { display: block; width: 100%; font-size: 14px; padding: 0.375rem 1rem; line-height: 1.5; color: #757575; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.upload_cook .container-full .input-group-text { padding: 0.75em; background-color: #ffffff; line-height: 0; }
.upload_cook .container-full .pt-5p { padding-top:5px; }
.upload_cook .container-full .control { display: block; position: relative; padding-left: 25px; margin-bottom: 10px; vertical-align: top; cursor: pointer; font-size: 15px; }
.upload_cook .container-full .control input { position: absolute; z-index: -1; opacity: 0; }
.upload_cook .container-full .control_indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #FFFFFF; border: 0px solid #000000; border-radius: 0px; }
.upload_cook .container-full .control:hover input ~ .control_indicator,.upload_cook .container-full .control input:focus ~ .control_indicator { background: #cccccc; }
.upload_cook .container-full .control input:checked ~ .control_indicator { background: #2aa1c0; }
.upload_cook .container-full .control:hover input:not([disabled]):checked ~ .control_indicator,.upload_cook .container-full .control input:checked:focus ~ .control_indicator { background: #e6647d; }
.upload_cook .container-full .control input:disabled ~ .control_indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }
.upload_cook .container-full .control_indicator:after { box-sizing: unset; content: ''; position: absolute; display: none; }
.upload_cook .container-full .control input:checked ~ .control_indicator:after { display: block; }
.upload_cook .container-full .control-checkbox .control_indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.upload_cook .container-full .control-checkbox input:disabled ~ .control_indicator:after { border-color: #7b7b7b; }
.upload_cook .container-full .control-checkbox .control_indicator::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 4.5rem; height: 4.5rem; margin-left: -1.3rem; margin-top: -1.3rem; background: #2aa1c0; border-radius: 3rem; opacity: 0.6; z-index: 99999; transform: scale(0); }
.upload_cook .container-full .control-checkbox input + .control_indicator::before { animation: s-ripple 250ms ease-out; }
.upload_cook .container-full .control-checkbox input:checked + .control_indicator::before { animation-name: s-ripple-dup; }
.upload_cook .upload_area { width:100%; height:20em; position:relative; display:block; border: 2px dashed #666; overflow:hidden; cursor:pointer; }
.upload_cook .upload_area .uploaded_image { display:block; position:relative; top:0; left:0; width:100%; height:100%; object-fit:contain; }
.upload_cook .upload_area .uploadimage_placeholder { display:block; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; width:64px; height:64px; object-fit:contain; }
.upload_cook .upload_area.gallery { height:5vw; }
.upload_cook .upload_area.gallery .uploadimage_placeholder { width:32px; height:32px; }
.upload_cook .terms_popup_container { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); z-index:99999; }
.upload_cook .terms_popup_container .terms_popup_dialog { position:relative; width:50%; left:0; right:0; margin:auto; top:50%; transform:translateY(-50%); height:90%; padding:2em; background-color: #F8F5E2; border:3px solid #F79504; border-radius: 5px; color:#000; overflow-y:auto; }
.upload_cook .terms_popup_container .terms_popup_dialog .title { width:100%; padding-bottom:1em; font-size: 120%; color: #F79504; text-align:center; font-weight:bold; }
.upload_cook .terms_popup_container .close_btn { width:2em; height:2em; position:fixed; top:5px; right:25%; }
.upload_cook .terms_popup_container .close_btn svg { width:2em; }
.upload_cook .terms_popup_container .close_btn svg line { stroke: white; }
.upload_cook_success .max-70-container { width:100%; }
.referencenum { min-width: 15em; border-radius: 50px; padding: 10px; font-size: 20px; font-weight: bold; }
.thank_text { font-size:21px; }
.thank_content, .thank_button { font-size: 16px; line-height: 24px; }
a.upload_btn { background-color: #52af50; color: #000000; padding: 0.35em 0.75em; }
a.status_btn { background-color: #fef2cc; color: #000000; padding: 0.35em 0.75em; }
.funclub_event { background-color: white; }
.funclub_event .headline { position:relative; width: 100%; padding: 0; }
.funclub_event .headline .funclub_event_kv { position:relative; width:100%; }
.funclub_event .headline .funclub_event_kv img { position: relative; width: 100%; object-fit:cover; }
.funclub_event #mask { position: absolute; background: rgba(255,255,255,0.5); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); left: 0; top: 0; right: 0; z-index: 99; bottom: 0; }
.funclub_event .desktop { display:block; }
.funclub_event .fv-winnier img { margin: 0 auto; }
.funclub_event .mobile { display:none; }
.funclub_event .text-green { color: #72BE44; }
.funclub_event .fs-32 { font-size:32px; line-height:42px; letter-spacing:0.4px; }
.funclub_event .fs-24 { font-size:24px; line-height:28px; letter-spacing:0.4px; }
.funclub_event .fs-24-2 { font-size:24px; line-height:28px; letter-spacing:0.4px; }
.funclub_event .fs-22 { font-size:22px; line-height:30px; letter-spacing:0.4px; }
.funclub_event .fs-16 { font-size:14px; line-height:22px; letter-spacing:0.4px; }
.funclub_event .text-red { color: #ED1846; }
.funclub_event .text-grey { color: #585858; }
.funclub_event .text-dark-2 { color:#000000; }
.funclub_event .section { position:relative; width: 100%; }
.funclub_event .section .section_content-2 { position:relative; width:65%; left:0; right:0; margin:auto; }
.funclub_event .section .fv-winnier { margin-bottom:20px; }
.funclub_event .section .fv-winnier img { width:100%; text-align:center; }
.funclub_event .section .section_content { position:relative; width: 100%; max-width: 1080px; left:0; right:0; margin:auto; }
.funclub_event .section .section_content .join-title { position: relative; width: 100%; margin-top: 30px; margin-bottom: 50px; padding-left:1em; padding-right:1em; font-size: 58px; line-height: 58px; letter-spacing: 24px; color:#B31E8B; }
.funclub_event .section .section_content .event-content { color: #242424; font-size: 22px; line-height: 40px; font-weight: bold; letter-spacing:1px; width: 760px; margin: 0 auto; padding-top: 30px; padding-bottom: 44px; }
.funclub_event .section .section_content span.highli { color:#BC1D97; font-size: 32px; }
.funclub_event .section .section_content .step-img { margin-bottom: 20px; }
.funclub_event .section .section_content .step-img img { width: 160px; }
.funclub_event .section .section_content .step-word { color:#282828; font-size: 21px; line-height : 37px; font-weight: bold; letter-spacing:1px; }
.funclub_event .section .section_content .step-word a { color:#BC1D99; }
.funclub_event .section .section_content .how-to-join-title { margin-top:100px; }
.funclub_event .section .section_content .step-color { color:#BC1D99; }
.funclub_event .section .section_content .how-to-join { width: 700px; margin: 0 auto; color: #282828; font-size: 21px; line-height: 40px; font-weight: bold; letter-spacing:1px; }
.funclub_event .section .section_content .deadline-text { width: 700px; margin: 0 auto; }
.funclub_event .section .section_content .circle-join { background-color: #BC1D97; color: #ffffff; padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 5px; border-radius: 50%; }
.funclub_event .section .section_content-2 { position:relative; width:700px; left:0; right:0; margin:auto; }
.funclub_event .section .section_content-2 .tnc-title { font-size: 18px; line-height: 34px; margin-top: 50px; }
.funclub_event .section .section_content-2 .big-title { font-size: 23px; }
.funclub_event .section .section_content-2 .tnc-color { color:#BC1D99; }
.funclub_event .section .section_content-2 .left-text { width: 15%; vertical-align: top; }
.funclub_event .section .section_content-2 .promotion-desc { position: relative; width: 100%; padding-bottom:30px; padding-left:1em; padding-right:1em; font-size: 20px; line-height: 32px; color: #585858; letter-spacing:0.4px; }
.funclub_event .section .section_content-2 .promotion-title-2 { position: relative; width: 100%; padding-top:30px; padding-bottom:15px; padding-left:1em; padding-right:1em; font-size: 48px; line-height: 63px; color: #ED1846; letter-spacing:0.4px; }
.funclub_event .section_one { position:relative; background-image:url(/images/mid-bg.jpg); background-position: center top; background-repeat: no-repeat; height: 1410px; }
.funclub_event .yakult_man { position:absolute; bottom: 2em; right: -11em; z-index: 0; }
.funclub_event .yakult_man img { width: 283px; object-fit:cover; }
.funclub_event .section_three { position:relative; width: 100%; }
.funclub_event .section_three .section_content { width:100%; }
.funclub_event .section_three .section_content-2 { width:100%; }
.funclub_event .section_three .section_subcontent { position:relative; width:40%; left:0; right:0; margin:auto; padding-top:30px; padding-bottom:30px; padding-left:1em; padding-right:1em; font-weight:bold; font-size:19px; line-height:28px; letter-spacing:0.4px; }
.funclub_event .section_three .section_subcontent .title { position:relative; width:100%; text-align:center; margin-bottom:20px; }
.funclub_event .section_three .section_subcontent .title h3 { display:inline-block; padding:0.2em 0.8em; font-size:22px; line-height:28px; letter-spacing:0.4px; background-color: #1974BF; color: white; border-radius: 2em; font-weight:bold; }
.funclub_event .section_three .section_31,.funclub_event .section_three .section_32,.funclub_event .section_three .section_33 { position: relative; width:100%; }
.funclub_event .section_three .section_31 { background-color: #FFE0CC; }
.funclub_event .section_three .section_32 { background-color: #FFF7CC; }
.funclub_event .section_three .section_33 { background-color: #CEEFAD; }
.funclub_event .button_area { width:100%; text-align:center; }
.funclub_event .button_area img { width: 100%; max-width: 15em; }
.funclub_event .button_area :hover { opacity:.9; }
.funclub_event .button_area_2 { width:100%; text-align:center; margin-top: 100px; z-index: 1; position: relative; }
.funclub_event .button_area_2 img { width: 100%; max-width: 40em; }
.funclub_event .button_area_2 :hover { opacity:.9; }
.funclub_event .terms_popup_container { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); z-index:99999; }
.funclub_event .terms_popup_container .terms_popup_dialog { position:relative; width:50%; left:0; right:0; margin:auto; top:50%; transform:translateY(-50%); height:90%; padding:2em; background-color: #D9FCFB; border:3px solid #1274BE; border-radius: 5px; color:#000; overflow-y:auto; }
.funclub_event .terms_popup_container .terms_popup_dialog .title { width:100%; padding-bottom:1em; font-size: 120%; color: #1274BE; text-align:center; font-weight:bold; }
.funclub_event .terms_popup_container .close_btn { width:2em; height:2em; position:fixed; top:5px; right:25%; }
.funclub_event .terms_popup_container .close_btn svg { width:2em; }
.funclub_event .terms_popup_container .close_btn svg line { stroke: white; }
.funclub_event_form .container-full { position:relative; width:100%; background-color: #FAFAFA; }
.funclub_event_form .container-full .title_bar { background-color: #C4003A; color: white; font-size: 18px; width: 100%; display: block; letter-spacing: 1px; position: relative; height: auto; line-height: 20px; padding-top: 0.4em; padding-bottom: 0.4em; text-align: center; }
.funclub_event_form .container-full .section { position:relative; width: 70%; left:0; right:0; margin:auto; }
.funclub_event_form .container-full .content-block-2 { position: relative; width: 50%; left: 0; right: 0; margin: auto; }
.funclub_event_form .container-full .form-kv img { width:600px; }
.funclub_event_form .container-full .reg-title { font-size:26px; }
.funclub_event_form .container-full fieldset { margin-top: 2em; margin-bottom: 1em; }
.funclub_event_form .container-full .f-15 { font-size:15px; }
.funclub_event_form .container-full .sl-high { height: 3.2em !important; }
.funclub_event_form .container-full .form-control-3 { display: block; width: 100%; font-size: 14px; line-height: 1.5; color: #757575; background-clip: padding-box; padding: 1em; border: 1px solid #DBDBDB; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.funclub_event_form .container-full .form-control-2 { display: block; width: 100%; font-size: 14px; padding: 0.375rem 1rem; line-height: 1.5; color: #757575; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.funclub_event_form .container-full .control { display: block; position: relative; padding-left: 25px; margin-bottom: 10px; vertical-align: top; cursor: pointer; font-size: 15px; }
.funclub_event_form .container-full .control input { position: absolute; z-index: -1; opacity: 0; }
.funclub_event_form .container-full .control_indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #FFFFFF; border: 1px solid #000000; border-radius: 10px; }
.funclub_event_form .container-full .control:hover input ~ .control_indicator,.funclub_event_form .container-full .control input:focus ~ .control_indicator { background: #cccccc; }
.funclub_event_form .container-full .control input:checked ~ .control_indicator { background: #2aa1c0; }
.funclub_event_form .container-full .control:hover input:not([disabled]):checked ~ .control_indicator,.funclub_event_form .container-full .control input:checked:focus ~ .control_indicator { background: #e6647d; }
.funclub_event_form .container-full .control input:disabled ~ .control_indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }
.funclub_event_form .container-full .control_indicator:after { box-sizing: unset; content: ''; position: absolute; display: none; }
.funclub_event_form .container-full .control-radio input:disabled ~ .control_indicator:after { border-color: #7b7b7b; }
.funclub_event_form .container-full .control-radio .control_indicator::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 4.5rem; height: 4.5rem; margin-left: -1.3rem; margin-top: -1.3rem; background: #2aa1c0; border-radius: 3rem; opacity: 0.6; z-index: 99999; transform: scale(0); }
.funclub_event_form .container-full .control-radio input + .control_indicator::before { animation: s-ripple 250ms ease-out; }
.funclub_event_form .container-full .control-radio input:checked + .control_indicator::before { animation-name: s-ripple-dup; }
.funclub_event_form .terms_popup_container { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); z-index:99999; }
.funclub_event_form .terms_popup_container .terms_popup_dialog { position:relative; width:50%; left:0; right:0; margin:auto; top:50%; transform:translateY(-50%); height:90%; padding:2em; background-color: #D9FCFB; border:3px solid #1274BE; border-radius: 5px; color:#000; overflow-y:auto; }
.funclub_event_form .terms_popup_container .terms_popup_dialog .title { width:100%; padding-bottom:1em; font-size: 120%; color: #1274BE; text-align:center; font-weight:bold; }
.funclub_event_form .terms_popup_container .close_btn { width:2em; height:2em; position:fixed; top:5px; right:25%; }
.funclub_event_form .terms_popup_container .close_btn svg { width:2em; }
.funclub_event_form .terms_popup_container .close_btn svg line { stroke: white; }
@media only screen and (max-width:1920px) {
.promotions .slider_section { height: 47em; }
}
@media only screen and (max-width:1800px) {
.promotions .slider_section { height: 43em; }
}
@media only screen and (max-width:1700px) {
.promotions .slider_section { height: 41em; }
}
@media only screen and (max-width:1600px) {
.promotions .slider_section { height: 39em; }
.master_chief .headline { background-size:120% auto; }
.master_chief .mc-top-area { min-height: 25vw; }
.master_chief .mc-second-content { width: 60%; }
}
@media only screen and (max-width:1500px) {
.promotions .slider_section { height: 37em; }
}
@media only screen and (max-width:1440px) {
.promotions .slider_section { height: 34em; }
}
@media only screen and (max-width:1400px) {
body { font-size:16px; }
}
@media only screen and (max-width:1399px) {
.promotions .slider_section { height: 38em; }
}
@media only screen and (max-width:1200px) {
body { font-size:14px; }
.member_login { margin-bottom:1em; }
.member_login .container-full { min-height:80vh; }
.member_login .container-full .middle_form { width: 70%; }
.application_form .container-full .middle_form { width: 70%; }
.application_form .container-full .page-text { width: 90%; }
.master_chief .headline { background-size:130% auto; }
.master_chief .mc-top-area { min-height: 27vw; }
.master_chief .mc-second-content { width: 50%; }
.upload_cook .container-full .section-text { width:100%; }
.funclub_event .section .section_subcontent,.funclub_event .section .section_content,.funclub_event .section .section_content-2 { width:70%; }
}
@media only screen and (max-width:1024px) {
.world .world-map .content-text { width:50%; }
.world .world_section .network_section .title { padding-left:10%; }
.world .world_section .network_section .network_body { width:90%; }
.more_fun .top_session.pink { height:4em; padding-top:1em; margin-bottom: 2em; }
.more_fun .mt_ans_first { margin-top: 1rem; }
.more_fun .mt_ans { margin-top: 0.75rem; }
}
@media only screen and (max-width:992px) {
body { font-size:12px; }
.content-text,
.content-block { width: 75%; }
tabgroup { font-size:1.75em; margin-bottom: 15px; }
.max-70-container { max-width:90%; }
.factory_visit_kv { height:30em; }
.factory_visit_kv img { height:36em; }
.factory_tv { width: 60%; }
.page .container-full { min-height:100vh; }
.page .container-full .page-text { width: 90%; }
.content-text { width:35%; }
.game_compet_cover .game_compet_dialog { width:75%; height:auto; }
.game_compet_cover .game_compet_dialog .game_compet_intro { height: auto; }
.game_compet_cover .game_compet_dialog .game_compet_intro img { width:75%; height:auto; }
.upload_cook .container-full .section-text .content-text { width: 75%; }
.upload_cook .upload_area.gallery { height:10vw; }
.funclub_event .section .section_subcontent,.funclub_event .section .section_content,.funclub_event .section .section_content-2 { width:90%; }
.funclub_event_form .container-full .section { position:relative; width: 80%; }
}
@media only screen and (max-width:768px) {
.mobile_menu .menu_container { height:74%; }
.red_frame { padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; }
.content-text { width:50%; }
.master_chief { padding-bottom:2em; }
.master_chief .right-text { left: 60%; }
.master_chief .right-text img { position:absolute; right:40px; top:2em; width:10em; height:10em; }
.master_chief .mc-second-content-4 .right-text img { width:12em; height:12em; }
.master_chief .mc-second-content-4 .left-text { width:61%; }
.master_chief .headline { background-size:100% auto; }
.master_chief .section-text { width:75vw; }
.master_chief .section-title { width:90%; }
.master_chief .section-title img { width:100%; }
.master_chief .mc-top-area { min-height: 80vw; }
.master_chief .mc-top-title { width: 89%; padding-top: 2em; }
.master_chief .mc-top-text { width:89%; left:0; right:0; margin:auto; padding-top: 1.5em; padding-bottom: 1.5em; font-size: 14px; line-height: 22px; }
.master_chief .mc-top-text-2 { width: 94%; padding-top: 2em; padding-left: 1em; font-size: 14px; line-height: 22px; }
.master_chief .mc-second-content-4 { position:relative; width: 90%; left:0; right:0; margin:auto; padding-top: 1.5em; padding-bottom: 1.5em; }
.master_chief .cook-gift-detail { font-size: 16px; line-height: 23px; }
.master_chief .cook-gift-detail-2 { font-size: 16px; line-height: 23px; padding-top: 5px; display:block; }
.master_chief .finish-text { font-size:16px; text-align:left; }
.master_chief .mc-second-content-2 { width: 75%; }
.master_chief .mc-second-content-3 { width: 90%; top: 0.5em; }
.master_chief .mc-description { position:relative; width:100%; color: white; margin-bottom: 2em; padding-top:3.5em; font-size: 14px; line-height: 22px; }
.master_chief .mc-second-content { width:90%; }
.master_chief .headline { background-image:url(/images/master_chief_mobile_kv.png); }
.master_chief .headline2 { background-image:url(/images/campaign_mobile_kv.png); }
.master_chief .white-round-box { width:100%; font-size: 14px; line-height: 22px; }
.master_chief .white-round-box h4 { margin-top:-2.5em; font-size:18px }
.master_chief .mc-round-box .mc-header { font-size: 20px; }
.master_chief .mc-round-box .mc-center-image-2 { width:100%; }
.master_chief .mc-round-box .slider_section { width:100%; height: 34em; }
.master_chief .mc-round-box .slider_section .left_arrow { left: 0.5em; top:40%; }
.master_chief .mc-round-box .slider_section .right_arrow { right: 0.5em; top:40%; }
.master_chief .mc-round-box .slider_section .sliders >div img { height:80%; }
.master_chief .mc-round-box .slider_section .sliders >div .bottom_text { width: 100%; font-size: 14px; line-height: 22px; }
.master_chief .mc-round-box .slider_section .page_ind { top: 82%; }
.upload_cook .container-full .section-text .content-text { width: 90%; }
.upload_cook .upload_area.gallery { height:10vw; width:10vw; }
.upload_cook_success .max-70-container { width:90%; }
.funclub_event .section { padding-left:1em; padding-right:1em; }
.funclub_event .section .section_content { width:100%; }
.funclub_event .section .section_content-2 { width:100%; }
.funclub_event .section .section_content-2 .promotion-title-2 { padding-left: 1.5em; padding-right: 1.5em; font-size: 30px; line-height: 41px; }
.funclub_event .section .section_content-2 .promotion-desc { font-size: 16px; line-height: 26px; }
.funclub_event .section .section_subcontent { padding-left:0; padding-right:0; }
.funclub_event .fs-32 { font-size: 26px; line-height: 36px; }
.funclub_event .fs-24 { font-size: 19px; line-height: 28px; }
.funclub_event .fs-22 { font-size: 18px; line-height: 24px; }
.funclub_event .fs-16 { font-size:13px; line-height:16px; }
.funclub_event .section_three .section_subcontent { font-size: 19px; line-height: 28px; }
.funclub_event .section_three .section_subcontent .title { margin-bottom:20px; }
.funclub_event .yakult_man { right:-18px; }
.funclub_event .thank_text { padding-left: 15px; padding-right: 15px; }
.funclub_event .thank_content { padding-left: 15px; padding-right: 15px; font-size: 18px; line-height: 26px; }
.funclub_event .terms_popup_container { height: 100%; }
.funclub_event .terms_popup_container .terms_popup_dialog { font-size: 13px !important; max-width: 100% !important; line-height: 23px !important; padding:20px; width: 90%; }
.funclub_event .terms_popup_container .close_btn { right:10%; }
}
@media only screen and (max-width:767px) {
.mobile { display:block; }
.desktop_share_menu { display:none; }
tabgroup { font-size:1.5em; margin-bottom: 20px; }
.max-70-container { max-width:100%; }
.logout_btn,
.profile_btn { width:2em; height:2em; object-fit: contain; }
.member_login .container-full { border-top: 0; }
.member_login .container-full .middle_form { width:90%; }
.member_login .container-full .tab-content { padding-top: 1em; padding-bottom: 2em; }
.member_login .container-full fieldset { margin-top: 1em; margin-bottom: 1em; }
.page .container-full .page-text { width:100%; padding-left:1em; padding-right:1em; }
.application_form .container-full { border-top: 0; }
.application_form .container-full .middle_form { width:90%; }
.application_form .container-full .page-text { width:100%; padding-left:1em; padding-right:1em; }
.application_form .container-full .tab-content { padding-top: 2em; padding-bottom: 2em; }
.application_form .container-full fieldset { margin-top: 1em; margin-bottom: 1em; }
}
@media only screen and (max-width:576px) {
.site_message { font-size: 100%; line-height: 18px; }
body { font-size: 14px; }
.mobile_menu { right:initial; margin-right:initial; left:0; margin-left:-100%; width: 100%; }
.mobile_menu .menu_footer { padding-bottom:1em; left:0; bottom:0; width:100%; position:fixed; }
.btn-big { width: 100%; min-width: inherit; }
.content-text,
.content-block { width: 100%; padding-left:2em; padding-right:2em; }
.header_bar { display:none; }
.header_mobile_bar{ display:block; }
.footer { position:fixed; bottom:0; left:0; z-index:999; padding:0; background-color: #FAFAFA; }
.form-control { width:80%; }
.footer .footer_icons { padding:14px; }
.right_popup { width:100vw; }
.funclub_map,
.main_map { width: 1125px; height: 720px; }
.btn-big-2 { min-width: 80%; }
.footer-section{ margin-top:2em !important; margin-bottom: 0; }
.factory_vivst_content-2 { width: 80%; }
.factory-text-2 { padding: 0; padding-bottom: 2em; }
.factory_vivst_content-3 { width:100%; }
.factory_vivst_content-4 { width:80% }
.factory_visit_kv { height: auto; background-color:transparent; }
.factory_vivst_content { width: 80%; padding-top: 3em; }
.factory_visit_kv img { position:relative; top:0; height:auto; width:100%; }
.factory_visit .headline .content-text { padding-top: 1em; padding-bottom: 3em; }
.factory_photo_frame { width: 100%; }
.factory_tv { width: 100%; }
.factory_popup_container { height: 100%; }
.factory_popup_container .factory_popup_dialog { font-size: 13px !important; max-width: 100% !important; line-height: 23px !important; padding:20px; width: 90%; height: 80%; }
.probiotics .content-text { width:100%; }
.probiotics .product_section { width: 100%; }
.probiotics .product_section3 { width: 100%; }
.probiotics .product_section3_content { line-height: 28px; top: 40%; }
.probiotics .product_section2 .in_text { left: 13% !important; top: 7% !important; width: 70% !important; }
.probiotics .product_section2_tail { width: 55% !important; left: 38% !important; }
.probiotics .product_section2_tail_title { font-size: 30px !important; line-height: 40px !important; }
.probiotics .product_section2_tail_content { font-size: 12px !important; line-height: 22px !important; }
.probiotics .content-text { padding:0 !important; font-size: 16px; line-height: 26px; }
.probiotics .content-text-2 { padding:0 !important; font-size: 16px; line-height: 26px; width:100%; }
.probiotics .pro-title { font-size: 28px !important; line-height: 38px !important; }
.probiotics .product_section2_title-2 { font-size: 30px; line-height: 40px; margin-top: 2em; text-align: center; }
.probiotics .pro-content { font-size: 16px; line-height: 26px; }
.probiotics .product_section1 { width:100%; left:0; }
.probiotics .product_section1 img { width: 90%; left: 5%; }
.probiotics .product_section1 .in_text { left:10%; top:20%; width:80%; }
.probiotics .product_section1 .in_text small { font-size: 120%; }
.probiotics .product_section2 { margin-top:0; }
.probiotics .product_section2 img { width: 90%; left: 5%; }
.probiotics .product_section2 .in_text { left:10%; top:5%; width:80%; }
.probiotics .product_section2 .in_text .col-3 { padding-right:0; }
.probiotics .product_dr_icon { right: 5%; z-index: 1; }
.probiotics .product_sman_icon { left:5%; }
.probiotics .product_section2_tail { left:45%; width:45%; text-align:right; }
.probiotics .product_section2_tail h1 { font-size:1.5em; }
.probiotics .product_section { position:relative; width:100%; margin:0; }
.probiotics .product_intro { margin-top:2em; margin-bottom:2em; width:90%; }
.probiotics .pro-content { font-size: 14px; line-height: 22px; }
.probiotics .product_section2 .product_section2_content { font-size: 14px; line-height: 22px; }
.probiotics .product_sman_icon { margin-top: -5em; }
.probiotics .product_dr_icon { margin-top: -10em; }
.product_intro .yakult_lt img { width: 100%; }
.product_intro .joie-pink-content { left:7%; }
.product_intro .product-sub-title { font-size: 20px; line-height: 30px; }
.product_intro .product_intro_kv { margin-bottom: 5em; }
.product_intro .text-joie-blue { padding-bottom: 0; }
.product_intro .text-joie-pink { padding-bottom: 0; }
.product_intro .text-joie-purple { padding-bottom: 0; }
.product_intro .text-joie-green { padding-bottom: 0; }
.product_intro .joie_bottle_1 img { width:70%; }
.product_intro .joie_bottle_2 img { width:130%; }
.product_intro .joie_bottle_3 img { width:100%; }
.product_intro .joie_bottle_4 img { width:90%; }
.product_intro .joie_title { padding-bottom: 0; }
.product_intro .joie_title img { width:70%; }
.product_intro .green-content { padding-left: 7%; }
.product_intro .product-title { font-size: 26px; line-height: 30px; }
.product_intro .mobile-padd-top { padding-top: 3.3em; }
.product_intro .yakult_pack img { width:100%; }
.product_intro .yakult_10_pack img { width:100%; }
.product_intro .product-content { font-size: 12px; line-height: 20px; padding-right: 10px; }
.product_intro .product_section_1 { width:100%; }
.product_intro .desktop { display:none; }
.product_intro .mobile { display: block; }
.product_intro .product_section { position:relative; width:80%; left:10%; }
.product_intro .go_probiotics { margin-bottom:2em; width:100%; }
.product_intro .go_probiotics img { width:80%; }
.product_intro .joie_title { padding-bottom:4em; }
.product_intro .joie_title img { width:60%; }
.product_intro .right_joie { height:75%; right:-3em; bottom:0; }
.product_intro .right_half_expand { height:60%; bottom:10%; }
.health_talk .health_talk_content-4 { width: 85%; }
.health_talk .health_talk_content-3 { width:85%; padding-bottom: 0; }
.health_talk .health_talk_content-3 img { width:100%; }
.health_talk .health-text-2 { margin-top:1em; }
.health_talk .health_talk_content-2 { width: 85%; }
.health_talk .health_talk_content { width:85%; }
.health_talk .health_talk_kv { height: 16em; }
.health_talk .health_talk_kv img { height:25em; }
.yakult-history .content-text { width:100%; }
.yakult-history .yellow_text { font-size: 13px !important; line-height: 18px !important; }
.yakult-history .history_content_4 { font-size: 15px !important; line-height: 23px !important; padding-left: 15px !important; padding-top: 15px; padding-right: 15px !important; }
.yakult-history .mg-3 { margin-bottom: 3em !important; }
.yakult-history .history-years { font-size: 40px; }
.yakult-history .pd-30 { padding:15px; }
.yakult-history .sm-content { font-size: 15px !important; line-height: 25px !important; }
.yakult-history .in_text_2 { width: 80% !important; left: 10%  !important; padding-bottom: 10em  !important; }
.yakult-history .section-title-2 { font-size: 18px; line-height: 28px; }
.yakult-history .section-sub-title { font-size: 32px; line-height: 38px; }
.yakult-history .section-eng { font-size: 20px; line-height: 30px; }
.yakult-history .history_section_3 { width: 100% !important; }
.yakult-history .right_bkg,.yakult-history .right_bkg_2 { height: 100% !important; left: 8.5em; width: 100% !important; }
.yakult-history .section-title { font-size: 20px; line-height: 26px; }
.yakult-history .history_content { margin-top: 0; font-size: 18px; }
.yakult-history .right_arrow { top: 30% !important; height: 3em  !important; width: 3em  !important; right: -1.5em  !important; }
.yakult-history .left_arrow { top: 30% !important; height: 3em  !important; width: 3em  !important; left: -1.5em  !important; }
.yakult-history .bottom_text { margin-top: 2em  !important; width: 100%  !important; }
.yakult-history .mobile-absolute { top:0; left:0; position:absolute !important; }
.yakult-history .mobile-top { top:0; transform: inherit; }
.yakult-history .yakult_history_kv { height: 20.5em; margin-bottom: 4em; }
.yakult-history .yakult_history_kv img { height:24em; }
.yakult-history .history_section { margin-top: 0; margin-bottom: 10px; }
.yakult-history .history_section .p-5 { padding: 2em !important; }
.yakult-history .history_section .history_section_body { display:none; }
.yakult-history .history_section .history_section_body .in_text { position:relative; left:0; width: 75%; padding:2em; }
.yakult-history .history_section .history_section_title { text-align:left; padding-left: 3em; }
.yakult-history .history_section .history_section_title img { display: block; position: absolute; width:auto; height:100%; top:0; left:0; object-fit: cover; }
.yakult-history .history_section .history_section_title svg { display: block; position: absolute; width: 1em; top: 50%; right: 1em; transform: translateY(-50%); }
.yakult-history .history_section.active .history_section_body { display:block; }
.yakult-history .history_section.active .history_section_title { padding-left:1em; }
.yakult-history .history_section.active .history_section_title img { display:none; }
.yakult-history .history_section.active .history_section_title svg { display:none; }
.yakult-history .history_section .slider_section { width:100%; height: 60vh; }
.yakult-history .history_section .slider_section .sliders >div img { height:60%; }
.yakult-history .history_section .slider_section .sliders >div .bottom_text { width:80%; }
.yakult-history .history_section .slider_section .page_ind { top:60%; }
.world .world-map img { width: 100%; }
.world .country-content { width: 30%; font-size: 24px; line-height: 34px; }
.world .pd-20 { padding-top: 10px; padding-left: 40px; padding-right: 40px; padding-bottom: 10px; }
.world .world_section .network_section .title { padding-left: 1em; text-align: left; font-size: 24px; line-height: 30px; margin-bottom: 10px; }
.world .world_section .network_section .title svg { display: block; position: absolute; width: 1em; top: 50%; right: 1em; transform: translateY(-50%); }
.world .world_section .network_section .network_body { display:none; width:100%; }
.world .world_section .network_section.active .title svg { display:none; }
.world .world_section .network_section.active .network_body { display: block; }
.tvc_view .content-text { width:100%; }
.tvc_view .tvc-title-img img { width:80% }
.tvc_view .tvc-container { margin-bottom: 2em; }
.tvc_view .tvc-container { width: 100%; }
.tvc_view .tvc-text { font-size: 20px; line-height: 30px; padding-left: 15px; padding-right: 15px; }
.tvc_view .tvc-text-2 { padding-left: 15px; padding-right: 15px; font-size: 20px; line-height: 30px; }
.page .container-full .page-text { font-size: 14px; }
.bg-lt-sliver { padding: 10%; margin-bottom: 6%; }
.contact-kv { width: 100%; text-align:center; position: relative; }
.contact-kv .contact-title { font-size: 38px; line-height: 50px; text-align: center; margin-bottom: 40px; }
.contact-kv .bottle-2 img { width: 100%; }
.application_form .container-full .yakult_success_icon { max-width: 140px; }
.application_form .container-full .sl-high { width:100% !important; }
.application_form .container-full .pt-5 { padding-top: 1rem!important; }
.application_form .container-full .desktop { display:none; }
.application_form .container-full-2 .middle_form { width:90%; }
.application_form .container-full-2 .sl-high { width:100% !important; }
.application_form .factform-title { font-size: 18px; }
.funclub_intro .section-text { width:100%; padding-left:1em; padding-right:1em; }
.funclub_intro .headline { background-size: 560px auto; height: 480px; width:100%; }
.funclub_intro .headline-bottom-image { bottom: -3em; height: 6em; }
.funclub_intro .middle-section .section-text { width:70%; }
.funclub_intro .middle-section .section-bottom-image { bottom: -5em; height: 7em; }
.funclub_intro .last-section { padding:0; padding-top:3em; }
.popup_bottle  { width:180px !important; }
.popup_bottle.big { width:320px !important; }
.health_check .pd-20 { padding: 0; padding-top: 25px; }
.health_check .answer_text { font-size: 14px; line-height: 14px; }
.health_check .ans-title { font-size: 40px; }
.health_check .content-text { width:100%; padding-left:1em; padding-right:1em; }
.health_check .quest_box img { width:6em; }
.health_check .hc_result img { width:90%; }
.health_check .btn-middle { width:80%; }
.health_check .content-text { margin-top:0; margin-bottom: 0; }
.health_check .health_check_kv img { width: 100%; }
.health_check .health_check_question img { width: 80%; }
.health_check .health_check_title { font-size: 32px; }
.health_check .health_check_text { font-size: 15px; line-height: 25px; }
.health_check .btn-red-2 { width: 70%; font-size: 28px; }
.health_check .health_question_kv img { width:80%; }
.health_check .health_question_title { font-size: 32px; }
.health_check .health_question_text { font-size: 15px; line-height: 25px; }
.promotions .slider_section .sliders >div img { width: 100%; }
.promotions .first-section .first_title .headline { padding-left: 0; padding-right: 0; }
.promotions .back-btn { width: 8%; }
.promotions .boxed_body { font-size:14px; line-height:24px; }
.promotions .session_content { width:100%; padding-left:15px; padding-right:15px; }
.promotions .boxed_content { width:95%; }
.promotions .desktop { display:none; }
.promotions .mobile { display:block; }
.promotions .last-text-4 { text-align: left; }
.promotions .step-1-image img { width:50%; }
.promotions .step-5-image img { width: 60%; }
.promotions .step-4-image img { width: 56%; }
.promotions .step-4-image-2 img { width:100%; }
.step-4-text-2 { font-size: 13px; line-height: 18px; }
.step-5-text { padding:10px; }
.promotions .step-1-image img { width:50%; }
.promotions .step-4-text { width:90%; }
.promotions .first-section .promo-head-text { width: 90%; margin-top: -20px; }
.promotions .first-section .first_section_left { bottom: -7.5em; margin-left: -6.5em; }
.promotions .first-section .first_section_right { bottom: -9em; right: -7em; }
.promotions .second-section .promo-text-2, .promotions .third-section .promo-text-2, .promotions .last-section .promo-text-2 { width:90%; font-size: 16px; line-height: 24px; }
.promotions .second-section .promotion-btn img { width: 100%; }
.promotions .second-section .gift-title { font-size:26px; }
.promotions .slider_section .left_arrow { left: -5px; top: 37%; width: 10px; height: 40px; }
.promotions .slider_section .right_arrow { right: -5px; top: 37%; width: 10px; height: 40px; }
.promotions .methods { width: 45%; }
.promotions .last-section .btn-reg { width: 100%; font-size: 20px; }
.promotions .last-section .promo-last-text { padding: 0 !important; }
.promotions .section-text { width:100%; padding-left:20px; padding-right:20px; }
.promotions .last-section .section-text
{ width:100%; }
.promotions .last-section .promotion-title { font-size: 24px; line-height: 34px; }
.promotions .blue_box { font-size: 21px; }
.promotions .last-text-2 .pl-0 { padding-left:15px !important; }
.promotions .shop_list_popup_container { height: 100%; }
.promotions .shop_list_popup_container .shop_list_popup_dialog { font-size: 13px !important; max-width: 100% !important; line-height: 21px !important; padding:20px; width: 95% !important; height: auto; overflow-x: scroll; }
.news .section-text { width:100%; padding-left:1em; padding-right:1em; }
.news .mt-5 { margin-top:1em !important; }
.news .sorry-text { font-size: 18px; padding-bottom: 5em; line-height: 26px; }
.news .sorry-img img { width:50%; }
.news .bottom_text { margin-top: 1em; }
.reserve_top { background-color:#FAFAFA; padding-top:1.2em; padding-bottom:0.5em; margin-bottom:1.2em; }
.notice { width:90%; }
#navcontainer ul li a { padding-bottom: 0.4em; }
#navcontainer ul li { margin-left: -0.45em; }
.top_yellow_area .preview_area { width:95%; height:15em; }
.section-text { width:95%; }
.section-text .content-text { padding-left:1em; padding-right:1em; }
.text-mobile-90 { font-size:90%; }
.text-mobile-90 input.form-control { padding: 0.25rem 0.5rem; }
.upload_area { height: 15em; }
.receipt_list .receipt_record { font-size: 14px; line-height: 20px; }
.receipt_list .receipt_record .btn-size-2 { font-size:1em; min-width:80%; }
.status_content
.status_content .section-text .content-text { margin-bottom:3em; }
.member_profile .reserve_item { position:relative; width:80%; left:0; right:0; margin: auto; margin-bottom:20px; cursor: pointer; user-select: none; }
.member_profile .reserve_item .redeem_mark { position:absolute; left:-1.2em; top:48%; width:2.5em; height:2.5em; color: #C4003A; border: 1px solid #C4003A; }
.member_profile .reserve_item .redeem_mark i { display:none; font-size:2.5em; }
.member_profile .reserve_item .redeem_mark.checked i { display:inline-block; }
.member_profile .reserve_item .qr_code_title { color: #000000; }
.member_profile .round_red_box { position:relative; display:inline-block; background-color: #C4003A; padding:1em; border-radius:2em; color:white; }
.member_profile .giftcode-title { font-size: 21px; letter-spacing: 1px; line-height: 31px; }
.member_profile .notice-info { font-size:12px; }
.member_profile .gift-title { font-size:16px; line-height: 24px; letter-spacing: 1px; }
.member_profile .no-gift-record { margin-top:6em; }
.member_profile .gift-image img { width:100%; }
.member_profile .gift-info { font-size: 11px; line-height: 15px; padding-left: 0; padding-right: 7%; align-items: center; align-content: center; display: grid; }
.member_profile .circle_red_box { text-align: center; background-color: #E1073A; width: 90%; margin: 0 auto; border-radius: 50px; color: #ffffff; padding-top: 10px; font-size: 18px; padding-bottom: 10px; line-height: 26px; margin-top: 1em; }
.member_profile .qr_code_title { font-size: 18px; line-height: 26px; letter-spacing: 1px; }
.member_profile .staff-title { font-size: 18px; line-height: 26px; letter-spacing: 1px; color:#000000; }
.member_profile .last-notice { font-size:13px; line-height: 18px; letter-spacing: 1px; }
.member_profile .b-text { padding-left: 15px; padding-right: 15px; font-size: 18px; line-height: 26px; }
.member_profile .confirm-btn { width:100%; }
.member_profile .bg-yellow-2 { background-color: #FCF4D7; padding-left:15px; padding-right: 15px; }
.member_profile .no-gift-record img { width:40%; }
.member_profile .slider_section { width:85%; }
.member_profile .slider_section .left_arrow { left: -1em; }
.member_profile .slider_section .right_arrow { right: -1em; }
.member_profile .gift-content-section { width: 85%; margin-top: 1em; }
.member_profile .btn-big { margin-bottom: 2em; font-size: 1em; }
.member_profile .section-text { width:100% !important; }
.member_profile .section-text .content-text { width:100% !important; padding-left:1em !important; padding-right:1em !important; }
.member_view_redeem,
.member_redeem_now { font-size:0.9em; }
.prem_gifts .headeline-text { font-size: 15px; line-height: 23px; letter-spacing: 1px; padding-top:0; }
.prem_gifts .section-text { width:100%; }
.prem_gifts  .gift-text { left: 3%; top: 42%; width: 60%; font-size: 15px; line-height: 23px; }
.prem_gifts .gift-desc { font-size: 12px; line-height: 18px; }
img.main_kv { width:100%; }
.prem_gifts .desktop { display:none; }
.prem_gifts .mobile { display:block; }
.prem_gifts .headline { padding-top:1.5em; }
.prem_gifts .headline .kv_image { width: 150%; margin-top: -50px; }
.prem_gifts .foot-note { font-size:18px; width: 90%; }
.prem_gifts .foot-text { width: 90%; }
.prem_gifts img.how-to-btn { width: 80%; }
.more_fun .top_session.pink { padding-top:0; }
.more_fun .top_session.pink .main_kv { width:80%; margin-top:-1.5em; }
.more_fun .top_session.yellow .main_kv { width:90%; height:auto; }
.more_fun .top_session .main_kv { width:inherit; height: 10em; object-fit:cover; }
.more_fun .top_session .more_fun_header_left { width: 40%; left: -5%; bottom: -2em; }
.more_fun .top_session .more_fun_header_right { width:40%; right:-5%; bottom: -2em; }
.more_fun .red_question_box { width:90%; }
.more_fun .red_question_box .question_box_title { top: -4em; }
.more_fun .session_content_2 { width:100%; padding-left:15px; padding-right:15px; }
.more_fun .session_content_2 .middle_image { width:100%; }
.more_fun .session_content_2 .sp_middle_image { width:auto; height: 12em; }
.more_fun .session_content_2 .c2_middle_image { width:180%; margin-left: -40% ; }
.more_fun .session_content_2 .c4_middle_image { width:160%; margin-left: -30%; }
.more_fun .session_content_2 .c5_middle_image { width: 100%; }
.more_fun .session_content { width:100%; padding-left:15px; padding-right:15px; }
.more_fun .session_content .middle_image { width:100%; }
.more_fun .session_content .sp_middle_image { width:auto; height: 12em; }
.more_fun .session_content .c2_middle_image { width:180%; margin-left: -40% ; }
.more_fun .session_content .c2_middle_image_2 { width:100%; padding-top: 3em; }
.more_fun .session_content .c4_middle_image { width:160%; margin-left: -30%; }
.more_fun .more_fun_sp_middle_pink { background-size: 15% auto; }
.more_fun .mf_sp_ans { width:100%; }
.more_fun .more_fun_sp_bkg { background-size: 110% auto; }
.more_fun .mt_ans_first { margin-top: 3em; }
.more_fun .mt_ans { margin-top: 0; }
.more_fun .more_confirm { width: 75%; }
.game_play .top_session .main_kv { width:100%; right:inherit; margin:inherit; }
.game_play .second_session .session_content { width:90%; }
.game_play .second_session .session_content .game-intro-title { font-size: 18px; line-height: 26px; }
.game_play .second_session .session_content .slider_section .sliders >div img { width:90% }
.game_play .second_session .session_content .slider_section .left_arrow { left: -1%; }
.game_play .second_session .session_content .slider_section .right_arrow { right: -1%; }
.game_play .second_session .session_content .slider_section  { height:50vh; }
.game_compet_cover .game_compet_dialog { width:100%; height:auto; }
.game_compet_cover .game_compet_dialog .game_compet_intro { height: auto; }
.game_compet_cover .game_compet_dialog .game_compet_intro img { width:80%; height:auto; }
.game_compet_cover .game_compet_dialog .game_compet_intro .popup_close { display:none; }
.gameend_cover .gameend_dialog { width:90%; max-width:inherit; }
.receipt_content .container-full fieldset { margin-top: 1em; margin-bottom: 1em; }
.receipt_content .container-full .control { font-size: 13px; }
.receipt_content .container-full .f-small-text { font-size:13px; }
.receipt_content .terms_popup_container { height: 100%; }
.receipt_content .terms_popup_container .terms_popup_dialog { font-size: 13px !important; max-width: 100% !important; line-height: 23px !important; padding:20px; width: 90%; }
.receipt_content .terms_popup_container .close_btn { right:10%; }
.master_chief .section .section_content .event-content { width: 90%; font-size: 18px; line-height: 30px; padding-bottom: 40px; padding-top: 0; }
.master_chief .container { width:73%; }
.master_chief .section .section_content .step-word { font-size: 18px; line-height: 31px; margin-bottom: 20px; }
.master_chief .section_one { background-image: url(/images/mid-bg-m_new.jpg); height: 645px; }
.master_chief .section .section_content .join-title { font-size: 18px; line-height: 30px; margin-top:50px; }
.master_chief .section .section_content .how-to-join { width: 90%; margin-top: 0px; }
.master_chief_kv .desktop { display:none; }
.master_chief_kv .mobile { display:block; }
.event-content .desktop { display:none; }
.event-content .mobile { display:block; }
.how-to-join .desktop { display:none; }
.how-to-join .mobile { display:block; }
.master_chief_kv .section_one { background-image: url(/images/mid-bg-m_new.jpg); height: 1120px; }
.master_chief .section .section_content-2 .pineapple img { width: 81px; object-fit: cover; }
.master_chief .section .section_content-2 .pineapple { top: -5em; right: 0em; }
.master_chief .section .section_content-2 .sun img { width: 80px; object-fit: cover; }
.master_chief .section .section_content-2 .sun { top: -1.5em; left: 0em; }
.master_chief .section .section_content-2 { width: 90%; }
.master_chief .section .section_content-2 .gift-detail { font-size: 21px; line-height: 34px; }
.master_chief .section .section_content-2 .button_area_2 { margin-top: 20px; }
.master_chief .section .section_content-2 .cook-tips { width: 90%; font-size: 20px; line-height: 32px; }
.master_chief .section .section_content-2 .yakult_man { display:none; }
.master_chief .section .section_content-2 .juice { display:none; }
.master_chief .section .section_content-2 .tnc-title { width: 90%; font-size: 15px; line-height: 28px; }
.master_chief .section .section_content-2 .big-title { font-size: 16px; }
.upload_cook .container-full fieldset { margin-top: 1em; margin-bottom: 1em; }
.upload_cook .container-full .control { font-size: 13px; }
.upload_cook .container-full .f-small-text { font-size:13px; }
.upload_cook .terms_popup_container { height: 100%; }
.upload_cook .terms_popup_container .terms_popup_dialog { font-size: 13px !important; max-width: 100% !important; line-height: 23px !important; padding:20px; width: 90%; }
.upload_cook .terms_popup_container .close_btn { right:10%; }
.funclub_event .section .section_content .event-content { width: 90%; font-size: 17px; line-height: 32px; padding-bottom: 40px; padding-top: 0; }
.funclub_event .section .section_content span.highli { font-size: 25px; }
.funclub_event .section .section_content .event-content span.dead-small-text { font-size: 14px; }
.funclub_event .desktop { display:none; }
.funclub_event .fv-winnier img { width: 90%; }
.funclub_event .mobile { display:block; }
.funclub_event .section_one { background-image: url(/images/mid-bg-m.jpg); height: 1357px; }
.funclub_event .section .section_content .join-title { margin-bottom: 20px; font-size: 36px; letter-spacing: 20px; }
.funclub_event .section .section_content .step-img { margin-bottom: 10px; }
.funclub_event .section .section_content .step-img img { width: 120px; }
.funclub_event .section .section_content .step-word { margin-bottom: 30px; font-size: 17px; line-height: 28px; }
.funclub_event .section .section_content .how-to-join-title { margin-top: 0; margin-bottom: 0 !important; }
.funclub_event .section .section_content .how-to-join { width: 90%; font-size: 17px; line-height: 34px; padding-bottom: 40px; }
.funclub_event .button_area_2 { margin-top: 28px; }
.funclub_event .section .section_content .deadline-text { width:90%; }
.funclub_event .section .section_content .deadline-text .small-text { font-size: 15px; line-height: 24px; }
.funclub_event .yakult_man { bottom: -15em; left: 10%; }
.funclub_event .yakult_man img { width: 240px; }
.funclub_event .section .section_content-2 { margin-top:   0; }
.funclub_event .section .section_content-2 .left-text { width: 25%; vertical-align: top; }
.funclub_event .section .section_content-2 .tnc-title { font-size: 16px; line-height: 30px; margin-top: 20px; }
.funclub_event_form .container-full .section { position:relative; width: 100%; padding-left:1em; padding-right:1em; }
.funclub_event_form .container-full .content-block-2 { position: relative; width: 95%; left: 0; right: 0; margin: auto; }
.funclub_event_form .container-full fieldset { margin-top: 1em; margin-bottom: 1em; }
.funclub_event_form .container-full .control { font-size: 13px; }
.funclub_event_form .container-full .f-small-text { font-size:13px; }
.funclub_event_form .container-full .form-kv img { width: 90%; }
.funclub_event_form .terms_popup_container { height: 100%; }
.funclub_event_form .terms_popup_container .terms_popup_dialog { font-size: 13px !important; max-width: 100% !important; line-height: 23px !important; padding:20px; width: 90%; }
.funclub_event_form .terms_popup_container .close_btn { right:10%; }
}
@media only screen and (max-width:414px) {
.funclub_map,
.main_map { width: 900px; height: 576px; }
.map_container { overflow-x: auto; overflow-y: hidden; }
.product_intro .product_intro_kv img { height: 24.1em; }
.member_login { margin-bottom:1em; }
.member_login .reg-success-title { font-size: 20px; line-height: 30px; letter-spacing: 1px; }
.member_login .reg-success-text { font-size: 16px; line-height: 26px; letter-spacing: 1px; }
.funclub_intro .headline { width:100%; height: 600px; }
.funclub_intro .headline .funclub-top-text { font-size: 14px; line-height: 22px; padding-top:0; }
.funclub_intro .headline .headline-bottom-image { width: 50%; bottom: -10em; left: 70%; }
.funclub_intro .middle-section .section-text { width:100%; }
.funclub_intro .funclub-top-text-2 { font-size: 16px; line-height: 24px; }
.funclub_intro .stop img { width:100%; }
.funclub_intro .last-section { padding-bottom: 2em; }
.stop { padding: 0; }
.funclub_intro .middle-section .section-bottom-image { height: 10em; left: -3em; }
.funclub_intro .point-img img { width:100%; }
.funclub_intro .point-text { padding:0; padding-top:10px; }
.promotions .last-section .promotion-title { font-size: 18px; line-height: 24px; }
.promotions .back-btn { width: 7%; }
.promotions .last-text, .promotions .last-text-2, .promotions .last-text-3 { font-size: 14px; line-height: 22px; }
.promotions .slider_section { height: 43em; }
.promotions .slider_section .left_arrow { left: -5px; top: 50%; width: 10px; height: 40px; }
.promotions .slider_section .right_arrow { right: -5px; top: 50%; width: 10px; height: 40px; }
#navcontainer ul li a { padding-top: 0.25em; padding-left: 0.3em; padding-bottom: 0.3em; padding-right: 0.3em; }
#navcontainer ul li { margin-left: -0.45em; }
.game_play .top_session { height: 180px; }
.game_play .top_session .main_kv { width:100%; height: 210px; }
.popup_bottle { width: 240px !important; }
.funclub_event .section_one { height: 1357px; }
}
@media only screen and (max-width:390px) {
.promotions .slider_section { height: 40em; }
.promotions .slider_section .left_arrow { left: -5px; top: 48%; width: 10px; height: 40px; }
.promotions .slider_section .right_arrow { right: -5px; top: 48%; width: 10px; height: 40px; }
}
@media only screen and (max-width:375px) {
.funclub_map,
.main_map { width: 926px; height: 593px; }
#popup_kv { width: 75%; }
.con-title { font-size: 28px; }
.con-des { font-size: 18px; line-height:26px; }
.con-text { font-size: 13px; line-height: 23px; padding-top: 1.5em; }
.right_popup .right_popup_content { top:45%; }
.right_popup .right_popup_content .popup_title_bl { text-align: center; padding-bottom: 1.5em; padding-top: 1em; }
.btn-big-4 { min-width: 100%; }
.product_intro .product_intro_kv img { height: 22em; }
.product_intro .product-title { font-size: 22px; line-height: 26px; }
.health_talk .health_talk_kv img { height: 23em; }
.health_talk .health-text { font-size: 18px; line-height: 26px; }
.health_talk .content-text { width:100%; padding:2em; }
.topic-12 { width: 100%; position: relative; display: block; }
.topic-12 img { width:100%; }
.yakult-history .section-sub-title { font-size: 27px; }
.yakult-history .section-eng { font-size: 18px; }
.yakult-history .yakult_history_kv { height: 18em; margin-bottom: 4em; }
.yakult-history .yakult_history_kv img { height:21em; }
.yakult-history .content-text,.yakult-history .content-block { padding:15px !important; }
.yakult-history .content-text { width:100%; }
.yakult-history .bottom_text { font-size: 12px; line-height: 22px; }
.yakult-history .history_section .yellow_text_2 { line-height: 35px; font-size: 22px; }
.world .country-img { padding:5px; }
.world .country-content { width:25%; font-size: 18px; line-height: 24px; }
.tvc_view .tvc-text-2 { font-size: 18px; line-height: 26px; }
.tvc_view .tvc_view_kv img { height: 23em; }
.funclub_intro .headline { width:100%; height: 600px; }
.funclub_intro .headline .funclub-top-text { font-size: 14px; line-height: 22px; padding-top:0; }
.funclub_intro .headline .headline-bottom-image { width: 50%; bottom: -10em; left: 70%; }
.funclub_intro .middle-section .section-text { width:100%; }
.funclub_intro .funclub-top-text-2 { font-size: 16px; line-height: 24px; }
.stop { padding: 0; }
.funclub_intro .middle-section .section-bottom-image { height: 10em; left: -3em; }
.funclub_intro .point-img img { width:100%; }
.funclub_intro .point-text { padding:0; padding-top:10px; }
.popup_bottle  { width:180px !important; }
.popup_bottle.big { width:280px !important; }
.health_check .question { font-size: 20px; line-height: 22px; }
.health_check .quest_box img { width: 5em; }
.health_check .quest_box input[type=checkbox] { width: 15px; height: 15px; }
.promotions .last-section .promotion-title { font-size: 18px; line-height: 24px; }
.promotions .back-btn { width: 7%; }
.promotions .first-section .first_section_left { width: 12em; height: 12em; }
.promotions .first-section .first_section_right { width: 12em; height: 12em; }
.promotions .slider_section { height: 40em; }
.promotions .slider_section .page_ind { top:88%; }
.promotions .last-text, .promotions .last-text-2, .promotions .last-text-3 { font-size: 14px; line-height: 22px; }
.member_profile .gift-info { font-size: 11px; }
.game_play .top_session { height: 170px; }
.game_play .top_session .main_kv { width:100%; height: 190px; }
.master_chief .mc-round-box .slider_section .left_arrow { left: 0; }
.master_chief .section .section_content .step-word { font-size: 16px; line-height: 28px; }
.master_chief .mc-round-box .slider_section .right_arrow { right: 0; }
.popup_bottle { width: 240px !important; }
.master_chief .section .section_content .event-content { font-size: 17px; }
.funclub_event .section_one { height: 1432px; }
.funclub_event .section .section_content .event-content span.dead-small-text { font-size: 12px; }
.funclub_event .section .section_content .join-title { margin-top:0; }
}
@media only screen and (max-width:340px) {
.funclub_event .section_one { height: 1115px; }
.funclub_event .section .section_content .event-content { font-size: 15px; line-height: 28px; }
.funclub_event .section .section_content .event-content span.dead-small-text { font-size: 70%; }
.funclub_event .section .section_content .how-to-join { font-size: 15px; line-height: 28px; }
.funclub_event .section .section_content-2 .tnc-title { font-size: 15px; line-height: 28px; }
}
@media only screen and (max-width:320px) {
.factory_popup_container .factory_popup_dialog { max-width:100%; }
.game_play .top_session { height: 140px; }
.game_play .top_session .main_kv { width:100%; height: 160px; }
}
@media only screen and (max-width:280px) {
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
@keyframes s-ripple {
    0% {
        transform: scale(0);
    }
    20% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
@keyframes s-ripple-dup {
   0% {
       transform: scale(0);
    }
   30% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}